js类型判断

js类型转换中typeof会将 null也识别为 object, 并且返回的类型比少,咱们用 Object.prototype.toString来实现

初版

function isArray(value){
   return Object.prototype.toString.call(value) === "[object Array]";
}

function isFunction(value){
   return Object.prototype.toString.call(value) === "[object Function]";
}

可是这样写,一个个去判断数组,函数,对象的话很麻烦,比较过程化

第二版

咱们想用type(obj)的方式返回对应的类型字符串,由于typeof是小写,因此咱们也返回小写的标准

function type(obj){
    // -1 表明截止到倒数一位
    return Object.prototype.toString.call(obj).slice(8,-1).toLowerCase()
}

type([]) // "array"

可是这样每次都须要对判断的类型进行slice和toLowerCase也是比较耗性能的, 并且判断类型只有几种,因此咱们能够用对象提早将可能的结果缓存起来

第三版

//将types放外面 而不是放在type函数里面, 利用闭包,优化性能,不用每次判断都声明一次typess
var types = {
    '[object Function]': 'function',
    '[object Number]': 'number',
    ...
}

function type(obj) {
    var str = Object.prototype.toString.call(obj)
    return types[str]
}

固然上面的types咱们还能够这样优化

// 参考自jquery源码
var types = {}
固然也能够直接用数组存储
"Boolean Number String Function Array Date RegExp Object Error".split(" ").forEach(function(e,i){
    types [ "[object " + e + "]" ] = e.toLowerCase();
}) ;

判断window对象

利用window对象的window属性等于自身

function isWindow( obj ) {
    // obj !== undefined 是为了防止没传参数的时候后面报错
    // Uncaught TypeError: Cannot read property 'window' of undefined的错误
    
    return obj !== undefined && obj === obj.window;
}

判断是否是dom元素

isElement = function(obj) {
    return !!(obj && obj.nodeType === 1);
}