一、JavaScript 資料型別
JavaScript 資料型別有兩種，分別是基本資料型別和引用資料型別。
- 基本資料型別
- Number
- String
- Boolean
- Undefined
- Null
- Symbol (ES6 新增，表示獨一無二的值)
- 引用資料型別
- Object
- Function
- Array
我們來詳細瞭解一下這兩種資料型別的特點
1.基本資料型別
值不可變
基本型別的值是不可變的
var name = 'javascript';
name.toUpperCase(); // 'JAVASCRIPT'
console.log(name); // 'javascript'
複製程式碼但是我們不是經常有 ++a 這種操作嗎？比如
let a = 1
console.log(++a) // '2'
複製程式碼其實這個時候並不是 a 指向的 1 直接加了 1，而是 新建了一個 1+1 = 2 的值，再將 a 指向這個新建出來的 2，原來的那個 1 並沒有發生改變，留由垃圾回收機制處理。也就是說不是 a 指向的值發生了改變，而是 a 變數指標指向了一個新的值，這和「基本型別的值是不可變的」這句話並不矛盾。
資料存放在棧區
原始資料型別直接儲存在棧(stack)中的簡單資料段，佔據空間小、大小固定，屬於被頻繁使用資料，所以放入棧中儲存。
2.引用資料型別
值是可變的
let a = { age : 20 }；
a.age = 21；
console.log(a.age) //21
複製程式碼同時儲存在棧記憶體和堆記憶體
引用資料型別佔據空間大，大小不固定，儲存在堆記憶體，但是指向該引用資料型別的變數指標「a」是儲存在棧記憶體中。當直譯器尋找引用值時，會首先檢索其在棧中的地址，取得地址後從堆中獲得實體。
二、資料的賦值
基本資料型別的賦值為複製了一個新的值，對新變數的修改不會影響原變數
let a = 1;
let b = a;
b++
console.log(a) // 1
console.log(b) // 2
複製程式碼在記憶體中的變化如圖：
但是引用資料型別就不一樣，因為引用資料內型佔用空間大，所以賦值操作是將新變數指標指向了原物件，修改其一都會影響到另一個。
let a={id=1234}
let b=a
b.id=1222
console.log(a.id) // 1222
console.log(b.id) // 1222
複製程式碼在記憶體中的變化如圖：
關於引用物件的拷貝又分為深拷貝和淺拷貝，限於篇幅就留給下篇文章了
三、檢驗資料型別
typeof
這應該初學者首次接觸的型別判斷方法了，它返回一個表示資料型別的字串，返回結果包括：
- number
- boolean
- string
- symbol
- object
- undefined
- function
但是不能判斷 array 和 null
typeof Symbol();
// symbol 正確
typeof '';
// string 正確
typeof 1;
// number正確
typeof true;
//boolean 正確
typeof undefined;
//undefined 正確
typeof new Function();
// function 正確
typeof null;
//object 無效
typeof [] ;
//object 無效
typeof new Date();
//object 無效
typeof new RegExp();
//object 無效
複製程式碼typeof 缺點
可以看到 Date 和 RegExp 物件都只是被是被成了 object 物件，也就是說除 function 以外的物件都會被識別成 object ，這樣顯然是不合理的，這時就需要 instanceof 來進行判斷。
instanceof
instanceof 運算子用於檢測建構函式的 prototype 屬性是否出現在某個例項物件的原型鏈上。 簡單來說就是 instanceof 是用來判斷 A 是否為 B 的例項，表示式為
A (object) instanceof B (constructor)
如果A是B的例項，則返回true,否則返回 false。
// 定義建構函式
function C(){}
function D(){}
var o = new C();
o instanceof C; // true，因為 Object.getPrototypeOf(o) === C.prototype
o instanceof D; // false，因為 D.prototype 不在 o 的原型鏈上
o instanceof Object; // true，因為 Object.prototype.isPrototypeOf(o) 返回 true
C.prototype instanceof Object // true，同上
C.prototype = {};
var o2 = new C();
o2 instanceof C; // true
o instanceof C; // false，C.prototype 指向了一個空物件,這個空物件不在 o 的原型鏈上.
D.prototype = new C(); // 繼承
var o3 = new D();
o3 instanceof D; // true
o3 instanceof C; // true 因為 C.prototype 現在在 o3 的原型鏈上
複製程式碼現在就可以判斷不同類別的物件了
[] instanceof Array; //true
{} instanceof Object;//true
new Date() instanceof Date;//true
new RegExp() instanceof RegExp//true
複製程式碼instanceof 的缺點
1.是否處於原型鏈上的判斷方法不嚴謹
instanceof 方法判斷的是是否處於原型鏈上，而不是是不是處於原型鏈最後一位，所以會出現下面這種情況：
var arr = [1, 2, 3];
console.log(arr instanceof Array) // true
console.log(arr instanceof Object); // true
function fn(){}
console.log(fn instanceof Function)// true
console.log(fn instanceof Object)// true
複製程式碼因為所有原型鏈的盡頭都是 object，所以就造成了這種狀況。當你自定義了一個類A，並且繼承了一個原生類B，這個時候檢測結果未必準確：
A instanceof A // true
A instanceof B // true
A instanceof Object true
複製程式碼2.無法判斷字面量方式建立的基本資料型別
對於基本資料型別來說，字面量方式建立出來的結果和例項方式建立的是有一定區別的
console.log(1 instanceof Number)//false
console.log(new Number(1) instanceof Number)//true
複製程式碼從嚴格意義上來講，只有例項建立出來的結果才是標準的物件資料型別值，也是標準的Number這個類的一個例項；對於字面量方式建立出來的結果是基本的資料型別值，不是嚴謹的例項，但是由於JS的鬆散特點，導致了可以使用Number.prototype上提供的方法。
3. 無法檢測 null 和 undefined
對於特殊的資料型別null和undefined，他們的所屬類是Null和Undefined，但是瀏覽器把這兩個類保護起來了，不允許我們在外面訪問使用。
constructor
constructor 作用和 instanceof 非常相似。但 constructor 檢測 Object 與 instanceof 不一樣，還可以處理基本資料型別的檢測。
var aa=[1,2];
console.log(aa.constructor===Array);//true
console.log(aa.constructor===RegExp);//false
console.log((1).constructor===Number);//true
var reg=/^$/;
console.log(reg.constructor===RegExp);//true
console.log(reg.constructor===Object);//false
複製程式碼constructor的缺點
1.無法檢測 null 和 undefined
null 和 undefined 是無效的物件，因此是不會有 constructor 存在的，這兩種型別的資料需要通過其他方式來判斷。
2.不穩定
函式的 constructor 是不穩定的，這個主要體現在把類的原型進行重寫，在重寫的過程中很有可能出現把之前的 constructor 給覆蓋了，這樣檢測出來的結果就是不準確的，由此可知 instanceof 同樣也存在這個問題。
function Fn(){}
Fn.prototype = new Array()
var f = new Fn
console.log(f.constructor)//Array
複製程式碼Object.prototype.toString.call()
這就是大名鼎鼎的全能方法，最準確最常用，據 MDN 描述
每個物件都有一個 toString() 方法，當該物件被表示為一個文字值時，或者一個物件以預期的字串方式引用時自動呼叫。預設情況下，toString() 方法被每個 Object 物件繼承。如果此方法在自定義物件中未被覆蓋，toString() 返回 "[object type]"，其中 type 是物件的型別。
在 Number、String，Boolean，Array，RegExp、Date、Function 等物件上 toString() 方法都是被重寫過了的，會按照一定的規則返回字串。但是在 object 物件上，這個方式是返回當前方法執行的主體（方法中的this）所屬類的詳細資訊即"[object Object]",其中第一個object代表當前例項是物件資料型別的(這個是固定的 onject)，第二個Object代表的是this所屬的型別。
為了每個物件都能通過 Object.prototype.toString() 來檢測，需要以 Function.prototype.call() 或者 Function.prototype.apply() 的形式來呼叫，傳遞要檢查的物件作為第一個引數，稱為 thisArg。
Object.prototype.toString.call('') ; // [object String]
Object.prototype.toString.call(1) ; // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]
Object.prototype.toString.call(document) ; // [object HTMLDocument]
Object.prototype.toString.call(window) ; //[object global] window是全域性物件global的引用
複製程式碼總結
| 判斷方法 | 缺點 |
|---|---|
| typeof | 不能判斷 null 和區分 array/Date/RegExp 等 |
| instanceof | 無法檢測 null 和 undefined，未必準確，無法判斷字面量方式建立的基本資料型別 |
| constructor | 無法檢測 null 和 undefined，未必準確 |
| Object.prototype.toString.call() | 無 |