JavaScript：判斷數據類型的四種方法

JavaScript目前有兩種數據類型：基本數據類型和引用數據類型。

基本數據類型：Undefined、Null、Boolean、String、Number、Symbol（ES6）

引用數據類型：Object

 

鑒於ECMAScript是松散類型的，需要有方式檢測給定變量的數據類型。下面介紹三種檢測數據類型的方法。

1、typeof

typeof是一元運算符，放在起單個操作數的前面，操作數可以是任意類型。

typeof "1"; //"string"
typeof 1; //"number"
typeof undefined; //"undefined"
typeof true; //"boolean"
typeof Symbol(); //"symbol"
typeof null; //"object"

注：Null類型只有一個值是null。null值是表示一個空對象指針，所以typeof null會返回object。

 

注：以下三種為判斷引用類型數據的方法。

2、instanceof

typeof是檢測基本數據類型的得力助手，檢測引用類型用途卻不大。instanceof通常檢測是引用類型。左操作數是待檢測其類的對象，右操作數是對象的類。如果左側的對象是右側的實例，則返回true，否則返回false。

var d = new Date();// 通過Date()構造函數來創建一個新對象 
d instanceof Date; // true
d instanceof Object; // true,所有的對象都是Object的實例
d instanceof Number; // false

var a = [1, 2, 3];
a instanceof Array; // true
a instanceof Object; // true,所有的數組都是對象
a instanceof String; // false

 想要理解instanceof的工作原理就必須要理解原型鏈。

以d instanceof Date 為例，JS首先計算Date.prototype，然后在原型鏈中找 d ，如果找到，那d 是Date的一個實例，表達式返回true。如果Date.prototype不在d 的原型鏈中的話，那d 不是Date的實例，表達式返回false。

3、constructor屬性

構造函數是類的公共標識，所以可以使用construct屬性來識別對象是否是某個類的方法。

var s = new String();
s.constructor == String; // true

var a = new Array();
a.constructor == Array; // true

 

4、類屬性

對象的類屬性是一個字符串，用以表示對象的類型信息。默認的toString()方法（繼承自Object.prototype）會返回 [object class]，但是很多對象繼承的toString()都重寫了，所以可以使用Function.call()方法獲得到 [object class] ，然后對獲得到的值進行截取，獲取到想要的類型。

缺點是對於自定義的類沒有辦法通過類屬性來區分對象的類，因為類屬性是 “Object” 。

var a = new Array();
Object.prototype.toString(); // "[object Object]"
Object.prototype.toString.call(a); // "[object Array]"
Object.prototype.toString.call(a).slice(8, -1); // "Array"

//自定義函數
function F() {}
Object.prototype.toString.call(new F()); //"[object Object]"
Object.prototype.toString.call(new F()).slice(8, -1); // "Object"