typeof操作符

主要用來檢測(cè)基本類型。

// 基本類型
let u = undefined;  // Undefined
let n = null;       // Null   
let b = true;       // Boolean
let str = 'string'; // String
let num = 123;      // Number

// 引用類型Object
let arr = [1,2];
let fun = function(){};
let obj = {};

// es6新增類型Symbol
let symbol = Symbol();

console.log( typeof u ); // undefined
console.log( typeof n ); // object
console.log( typeof b ); // boolean
console.log( typeof str ); // string
console.log( typeof num ); // number

console.log( typeof arr ); // object
console.log( typeof fun ); // function
console.log( typeof object ); // object

console.log( typeof symbol); // symbol

總結(jié)：

1. typeof操作符可以用來檢測(cè)基本類型(除了null)和函數(shù)。
2. typeof操作符對(duì)null會(huì)返回object。
3. typeof操作符對(duì)函數(shù)會(huì)返回function。
4. typeof操作符適合用來檢測(cè)Undefined、Boolean、String、Number和Function。
5. typeof操作符可以用檢測(cè)Symbol類型。

instanceof操作符

主要用來檢測(cè)引用類型

let obj = {};
let arr = [1,2];
console.log( obj instanceof Object ) // true
console.log( arr instanceof Array ) // true

console.log( symbol instanceof Symbol ) // false

總結(jié)：
如果變量是給定的引用類型的實(shí)例，則返回true

Object.prototype.toString.call()方法

比較安全可靠的類型檢測(cè)方法，該方法會(huì)拿到變量的構(gòu)造函數(shù)名。
返回的格式是"[object ConstructorName]"。

console.log( Object.prototype.toString.call(u) ); // [object Undefined]
console.log( Object.prototype.toString.call(n) ); // [object Null]
console.log( Object.prototype.toString.call(str) ); // [object String]
console.log( Object.prototype.toString.call(num) ); // [object Number]
console.log( Object.prototype.toString.call(b) );// [object Boolean]
console.log( Object.prototype.toString.call(arr) ); // [object Array]
console.log( Object.prototype.toString.call(fun) ); // [object Function]
console.log( Object.prototype.toString.call(obj) );// [object Object]
console.log( Object.prototype.toString.call(symbol) );// [object Symbol]
// 檢測(cè)自定義構(gòu)造函數(shù)生成的變量
function A(){};
let a = new A();
console.log( Object.prototype.toString.call(a) )// [object Object]

總結(jié)：
該方法相對(duì)安全可靠，但是無法檢測(cè)自定義構(gòu)造函數(shù)生成的實(shí)例變量。

Jquery的$.type()方法

該方法同typeof一樣返回?cái)?shù)據(jù)類型，但是比typeof操作符更加精確。

console.log( $.type(n) ) // null
console.log( $.type(arr) ) // array
console.log( $.type(fun) ) // function
console.log( $.type(obj) ) // object
console.log( $.type(symbol) ) // symbol