一：引言

在js中，有时候需要进行数据类型判断，有哪些方式呢，检测类型主要包含typeof、instanceof、constructor、hasOwnporperty 、is Array、valueOf、Object.prototype.toString.call这些方法来进行判断

二：方式

（1）typeof

主要用于检测基本数据类型，能正确检测"number", "string", "boolean", "undefined", "symbol", "bigint", "function"，

typeof null 返回 "object"。

typeof [] 和 typeof {} 都返回 "object"，无法区分数组和普通对象。

对于引用类型（除 function 外），通常只能判断出是 "object"，不够精确

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 无效

（2）instanceof

主要用于检测引用类型，用于检测构造函数的 prototype 属性是否出现在对象的原型链上，

局限性：

1:对于基本类型采取字面量方式创建和实例创建结果检测结果不同

主要原因是每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据，进行创建实例->指定办法->销毁实例

console.log(1 instanceof Number)//false
console.log(new Number(1) instanceof Number)//true

2：只有在实例原型上，检测结果才准确，在类原型链基础中，结果未必准确

var arr = [1, 2, 3];
console.log(arr instanceof Array) // true
console.log(arr instanceof Object);  // true

3：不能检测null和undefined

[] instanceof Array; //true
{} instanceof Object;//true
new Date() instanceof Date;//true
new RegExp() instanceof RegExp//true

（3） constructor :

constructor检测 Object与instanceof不一样，可以处理基本数据类型的检测

var aa=[1,2];
console.log(aa.constructor===Array);//true
console.log((1).constructor===Number);//true
var reg=/^$/;
console.log(reg.constructor===RegExp);//true

局限性

1：null 和 undefined 是无效的对象

2：函数的 constructor 是不稳定的，主要体现在类的原型重新，如果覆盖了constructor，检测结果不准确

        function a(){			}
        function b(){			}
        b.prototype=new Array()	var f = new b	
        console.log(a.constructor===Function ) //true	
        console.log(b.constructor===Function ) //true
        console.log(f.constructor===Function ) //false
        console.log(f.constructor===Array ) //true

（4）hasOwnporperty

检测当前属性是否为对象的私有属性

let obj = {	name:"lxw"	};
console.log(obj.hasOwnProperty('name'));//true	
console.log(obj.hasOwnProperty('lxw'));//false

（5）is Array

判断是否为数组

       console.log(Array.isArray([]));//true	
       console.log(Array.isArray(new Array()));//true

（6）valueOf

可以看到数据最本质内容（原始值）

          let b= new String('123456');	
          console.log(b.valueOf());//12345 	
          console.log(typeof b.valueOf())//string  

（7）Object.prototype.toString.call

让方法的this变为需要检测的数据类型值，并且让这个方法执行返回当前方法中的this的所属类信息，也就是所属类信息

1：对于Number、String，Boolean，Array，RegExp、Date、Function原型上的toString方法都是把当前的数据类型转换为字符串的类型（它们的作用仅仅是用来转换为字符串的）

2：Object上的toString并不是用来转换为字符串的，返回当前值得所属类详细信息，固定结构：’[object 所属的类]'

3：其中第一个object代表当前实例是对象数据类型，第二个Object代表的是this所属的类是Object

    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的引用

三：总结

1：基本类型判断‌：首选 typeof，但需注意 null 的情况。

2：‌数组判断‌：首选 Array.isArray()。‌

3：通用且精确的判断‌：首选 Object.prototype.toString.call()，它是最稳健的方案，适合编写通用的类型检查工具库。

‌4：引用类型继承关系判断‌：使用 instanceof。