js判断数据类型-区分对象和数组类型-区分空对象和null

原生js提供了一些判断数据类型的方法，使用起来都有坑，相对合适的解决方案请参考第3条

1、typeof判断数据类型，能直接返回前数据类型的字符串

typeof操作符返回一个字符串，表示未经计算的操作数的类型

typeof NaN//"number"
typeof undefined//"undefined"

注意:typeof不能区分null、[]、{}

typeof null//"object"
typeof []//"object"
typeof {}//"object"

2、instanceof判断数据类型，能区分null、[]、{}，返回值是布尔类型

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链

[] instanceof Array//true
[] instanceof Object//false
null instanceof Object//false

$\color{skyblue}{nul为原型链的*对象，没有prototype 属性，更不会出现在某个实例对象的原型链，所以返回false}$nul为原型链的顶级对象，没有prototype属性，更不会出现在某个实例对象的原型链，所以返回false

$\color{red}{注意:instanceof左侧不是对象时直接返回false,所以instanceof不能直接判断简单数据类型}$注意:instanceof左侧不是对象时直接返回false,所以instanceof不能直接判断简单数据类型

let num = 1
num instanceof Number //false
num = new Number(1)
num instanceof Number //true

3、{}.toString.call()判断数据类型，返回一个方法，方法调用后的返回值是布尔类型

利用对象原型上的方法Object.prototype.toString(),返回值是"[object Object]"，我们可以封装一个判断数据类型的方法

function isType(type) {
    return function (obj) {
        return {}.toString.call(obj) == "[object " + type + "]"
    }
}
let isObject = isType("Object")//此时返回值是一个方法，这个方法可以用来判断数据类型是否为"Object"
isObject({})//true
isObject([])//false
isObject(null)//false
let isNull = isType("Null")
isNull(null)//true
let isNumber= isType("Number")//此时返回值是一个方法，这个方法可以用来判断数据类型是否为"Number"
isNumbe(NaN)//true

$\color{skyblue}{如有问题或错误，欢迎指正}$如有问题或错误，欢迎指正