【三分钟回顾】JS数据类型检测和通用数据类型检测方法

1, typeof的坑及原理

typeof用法最简单，直接在后面跟要检测的值。它可以用来检测除null之外的其它原生类型，但无法区分null和对象类型，原因是其在底层实现上是根据被检测类型的二进制前几位来检测的，而null和对象在底层的二进制表示前3位都是000，因此无法区分。
实现原理：在底层实现上是根据被检测类型的二进制前几位来检测

typeof  '' || typeof  ' '    // "string"
typeof NaN  || typeof 123    // "number"
typeof true|| typeof false   // "boolean"
typeof Boolean      // "function"
typeof undefined    // "undefined"
typeof null     // "object"
typeof []       // "object"
typeof  /a*/    // "object"

2, instanceof的坑及原理

为了弥补typeof的缺陷，后面人们使用instanceof。instanceof用来判断某个实例是否属于某一类型。它的实现原理是通过上溯实例的原型链来判断是否属于某类型。由于原型是可以被修改的，因此使用instanceof来检测类型也不靠谱。而且instanceof也不能检测基本类型。
实现原理：通过上溯实例的原型链来判断是否属于某类型

let obj = {
  "val": 1
}
obj.__proto__ = []
obj instanceof Array // true
1 instanceof Number // false

3, constructor的坑及原理

constructor虽然支持基本类型，但因为对象的constructor也可以被随意修改，因此也不靠谱

let obj = {
  "val": 1
}
obj.constructor = Array
obj.constructor == Array // true

4, Object.prototype.toString.call()

Object.prototype.toString()方法返回的是"[object Object]",也即Object的类型字符串，也被称为stringTag，利用call()方法即可应用在需要被检测类型的值上。该方法是比较完善的（唯一的小缺点就是无法区分原生类型和相应的包装对象），但使用起来有点麻烦。实践中，对于除null之外的原生类型，可使用typeof，其它情况再用stringTag方法。

Object.prototype.toString.call("a") // "[object String]"
Object.prototype.toString.call(String("a")) // "[object String]"
Object.prototype.toString.call(/a*/) // "[object RegExp]"
Object.prototype.toString.call({}) // "[object Object]"

5, 总结

typeof函数虽然简单易用，但存在无法分清null和Object以及不能细分各种对象类型的缺陷，通过Object.prototype.toString.call()则能很好地弥补其不足，实践中可以将二者结合使用或者基于Object.prototype.toString.call()直接封装一个简易方法。

封装一个通用的数据类型检测方法

// 通过call()改变this指向，使用原型上的toString方法得到数据类型。
 function dataType(data) {
    if (typeof (data) == 'object') {
        return Object.prototype.toString.call(data);
    } else {
        return typeof (data);
    }
 }
-------------------------------------------------
// instanceof 结合typeof
function dataType(data) {
  if (typeof data == "object") {
    if (data) {
      if (data instanceof Array) {
        return "array";
      } else if (data instanceof Date) {
        return "date";
      } else {
        return "object";
      }
    } else {
      return "null";
    }
  } else {
    return typeof data;
  }
}