js检测数据类型

typeof

返回字符串形式的数据类型

基础数据类型：除了null会被检测为object外，其他都会正常检测

复杂数据类型：函数会被检测为function，其他都为object

// typeof xxx
console.log(typeof 10)    // 'number'
console.log(typeof 'a')   // 'string'
console.log(typeof null)  // 'object'
console.log(typeof [])    // 'object'
console.log(typeof {})    // 'object'

instanceof

判断某个构造函数的原型对象是否在自己的原型链上

只能检测复杂数据类型

// xxx instanceof 构造函数
console.log([] instanceof Array)      // true
console.log([] instanceof Object)     // true	
console.log({} instanceof Array)      // false

const fun = function(){}
console.log(fun instanceof Function)  // true

const date = new Date();
console.log(date instanceof Date)     // true

Object.prototype.toString.call()

Object原型对象上的toString方法，返回一个字符串，包含数据类型，具体如下所示

console.log(Object.prototype.toString.call([]))            // [object Array]
console.log(Object.prototype.toString.call(Symbol()))      // [object Symbol]
console.log(Object.prototype.toString.call(10n))           // [object BigInt]
console.log(Object.prototype.toString.call(new Date()))    // [object Date]
console.log(Object.prototype.toString.call(function(){}))  // [object Function]

constructor

对于字面量创建的变量都可以正常检测出来类型，返回构造函数

let num = 10;
console.log(num.constructor);              // ƒ Number() { [native code] }
console.log(num.constructor === Number);   // true

let fun = function () { };
console.log(fun.constructor);              // ƒ Function() { [native code] }
console.log(fun.constructor === Function); // true

let obj = {};
console.log(obj.constructor);              // ƒ Object() { [native code] }
console.log(obj.constructor === Object);   // true