js数据类型检测的方法

数据类型检测的方法有哪些？

1、typeof

    console.log(typeof 2); // number
    console.log(typeof true); // boolean
    console.log(typeof 'str'); // string
    console.log(typeof []); // object
    console.log(typeof function(){}); // function
    console.log(typeof {}); // object
    console.log(typeof undefined); // undefined
    console.log(typeof null); // object

typeo:f 其中数组、对象、null 都会被判断为 object，其他判断都正确。

2、instanceof

• instanceof 可以正确判断对象的类型，其内部运行机制是判断在其原型链中能否找到该类型的原型。

    console.log(2 instanceof Number); // false
    console.log(true instanceof Boolena); // false
    console.log('str' instanceof String); // false

    console.log([] instanceof Array); // trur
    console.log(function(){} instanceof Function); // true
    console.log({} instanceof Object); // true

instanceof: 可以看出，instanceof 只能正确判断引用数据类型，而不能判断基本数据类型。instanceof 运算符可以用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。

3、constructor

    console.log((2).constructor === Number); // true
    console.log((true).constructor === Boolean); // true
    console.log(('str').constructor === String); // true
    console.log(([]).constructor === Array); // true
    console.log((function(){}).constructor === Function); // true
    console.log(({}).constructor === Object); // true

constructor: 有两个作用，一是判断数据的类型，二是对象实例通过 constructor 对象访问它的构造函数。
需要注意，如果创建一个对象来改变它的原型，constructor 就不能用来判断数据类型了

    function Fn() {};

    Fn.prototype = new Array();

    let f = new Fn();

    console.log(f.constructor === Fn); // false
    console.log(f.constructor === Array); // true

4、Object.prototype.toString.call()

• Object.prototype.toString.call() 使用 Object 对象的原型方法 toString 来判断数据类型：

    let a = Object.prototype.toString;

    console.log(a.call(2)); // [object Number]
    console.log(a.call(true)); // [object Boolean]
    console.log(a.call('str')); // [object String]
    console.log(a.call([])); // [object Array]
    console.log(a.call(function(){})); // [object Function]
    console.log(a.call({})); // [object Object]
    console.log(a.call(undefined)); // [object Undefined]
    console.log(a.call(null)); // [object Null]

• 同样是检测对象 obj 调用 toString 方法，obj.toString() 的结果和 Object.prototype,toString.call(obj) 的结果不一样，这是为什么？
  • 这是因为 toString 是 Object 的原型方法，而 Array、function 等类型操作为 Object 的实例，都重写了 toString 方法。不同的对象类型调用 toSting 方法时，根据原型链的知识，调用的是对应的重写之后的 toString 方法（function 类型返回内容为函数体的字符串，Array类型返回元素组成的字符串），而不会去调用 Object 上原型 toString（返回对象的具体类型），所以采用 object.toString() 不能得到其对象类型，只能将 obj 转换为字符串类型；因此，在想要得到对象的具体类型时，应该调用 Object 原型上的 toString 方法。