js判断数据类型的四种方法

1.typeof

typeof是一个操作符，其右侧跟一个一元表达式，并返回这个表达式的数据类型。返回的结果用该类型的字符串(全小写字母)形式表示，包括number,string,boolean,undefined,object,function,symbol等。

typeof "";  //string

typeof 1;   //number

typeof false; //boolean

typeof undefined; //undefined

typeof function(){}; //function

typeof {}; //object

typeof Symbol(); //symbol

typeof null; //object

typeof []; //object

typeof new Date(); //object

typeof new RegExp(); //object

2.instanceof

instanceof用来判断A是否为B的实例，表达式为：A instanceof B，如果A是B的实例，则返回true，否则返回false。instanceof检测的是原型，内部机制是通过判断对象的原型链中是否有类型的原型。

{} instanceof Object; //true

[] instanceof Array;  //true

[] instanceof Object; //true

"123" instanceof String; //false
new String(123) instanceof String; //true

我们可以用下面的代码实现instanceof。

function instance(left,right){

    let prototype = right.prototype;  //获取类型的原型

    let proto = left.__proto__;       //获取对象的原型

    while(true){    //循环判断对象的原型是否等于类型的原型，直到对象原型为null，因为原型链最终为null

       if (proto === null || proto === undefined){

           return false;

       }

       if (proto === prototype){

           return true;

       }

       proto = proto.__proto__;

     }

}

console.log(instance({},Object)); //true

console.log(instance([],Number)); //false

3.constructor

当一个函数F被定义时，JS引擎会为F添加prototype原型，然后在prototype上添加一个constructor属性，并让其指向F的引用，F利用原型对象的constructor属性引用了自身，当F作为构造函数创建对象时，原型上的constructor属性被遗传到了新创建的对象上，从原型链角度讲，构造函数F就是新对象的类型。这样做的意义是，让对象诞生以后，就具有可追溯的数据类型。

4.Object.prototype.toString()

toString()是Object的原型方法，调用该方法，默认返回当前对象的[[Class]]。这是一个内部属性，其格式为[object Xxx],其中Xxx就是对象的类型。

对于Object对象，直接调用toString()就能返回[object Object],而对于其他对象，则需要通过call、apply来调用才能返回正确的类型信息。

封装一个准确判断数据类型的函数

function getType(obj){

  let type  = typeof obj;

  if(type != "object"){

    return type;

  }

  return Object.prototype.toString.call(obj).replace(/^\[object (\S+)\]$/, '$1');

}

巴特西