JS判断一个数据的数据类型

如何判断一个数据的数据类型？

1 使用typeof判断一个数据的数据类型

    优点：
        简单  
        对基本数据类型和函数测试非常准确
    缺点：
        对引用数据类型测试时，结果都是object

    //基本数据类型和函数测试
    console.log(typeof 110); // number
    console.log(typeof "hello"); // string
    console.log(typeof true); // boolean
    function fn(){}
    console.log(typeof fn); // function
    var a;
    console.log(typeof a);  // und
    //引用数据类型
    console.log(typeof [1,2,3]);  // object
    console.log(typeof {name:"wc"});  // object
    let d = new Date();
    console.log(typeof d);  // object
    console.log(typeof null);  // object

2 使用toString判断数据类型

  在Object的原型对象上，有一个属性，叫toString。
  在JS内置的构造器中，它们的原型对象上，都有一个叫toString的属性。这里与toString方法（把一个 Number 对象转换为一个字符串）不一样。

    // 让其它的数据类型调用Object的原型对象上的toString方法
    //基本数据类型和函数测试
    console.log(Object.prototype.toString.call(110)); // [object Number]
    console.log(Object.prototype.toString.call("hello")); // [object String]
    console.log(Object.prototype.toString.call(true)); // [object Boolean]
    function fn(){}
    console.log(Object.prototype.toString.call(fn)); // [object Function]
    var a;
    console.log(Object.prototype.toString.call(a));  // [object Undefined]
    //引用数据类型
    console.log(Object.prototype.toString.call([1,2,3]));  // [object Array]
    console.log(Object.prototype.toString.call({name:"wc"}));  // [object Object]
    let d = new Date();
    console.log(Object.prototype.toString.call(d));  // [object Date]
    console.log(Object.prototype.toString.call(null));  // [object Null]

  这种写法相当于：调用Object的原型对象上的toString方法。（call改变指向原型对象）
封装这个方法，并简化输出。

    function getType(data){
        let str = Object.prototype.toString.call(data).slice(8);
        //slice()方法返回一个新的数组，包含从 start 到 end （不包括该元素）的元素
        return str.substr(0,str.length-1).toLowerCase() 
        //substr()方法可在字符串中抽取从 start 下标开始的指定数目的字符。
        //toLowerCase()方法用于把字符串转换为小写。
    }
    console.log(Object.prototype.toString.call("hello"));  // [object String]
    console.log(getType("hello"));  // string