详解js类型判断
js类型转换中typeof会将null也识别为object,而且返回的类型比少,我们用Object.prototype.toString来实现
第一版
functionisArray(value){
returnObject.prototype.toString.call(value)==="[objectArray]";
}
functionisFunction(value){
returnObject.prototype.toString.call(value)==="[objectFunction]";
}
但是这样写,一个个去判断数组,函数,对象的话很麻烦,比较过程化
第二版
我们想用type(obj)的方式返回对应的类型字符串,因为typeof是小写,所以我们也返回小写的标准
functiontype(obj){
//-1代表截止到倒数一位
returnObject.prototype.toString.call(obj).slice(8,-1).toLowerCase()
}
type([])//"array"
但是这样每次都需要对判断的类型进行slice和toLowerCase也是比较耗性能的,而且判断类型只有几种,所以我们可以用对象提前将可能的结果缓存起来
第三版
//将types放外面而不是放在type函数里面,利用闭包,优化性能,不用每次判断都声明一次typess
vartypes={
'[objectFunction]':'function',
'[objectNumber]':'number',
...
}
functiontype(obj){
varstr=Object.prototype.toString.call(obj)
returntypes[str]
}
当然上面的types我们还可以这样优化
//参考自jquery源码
vartypes={}
当然也可以直接用数组存储
"BooleanNumberStringFunctionArrayDateRegExpObjectError".split("").forEach(function(e,i){
types["[object"+e+"]"]=e.toLowerCase();
});
判断window对象
利用window对象的window属性等于自身
functionisWindow(obj){
//obj!==undefined是为了防止没传参数的时候后面报错
//UncaughtTypeError:Cannotreadproperty'window'ofundefined的错误
returnobj!==undefined&&obj===obj.window;
}
判断是不是dom元素
isElement=function(obj){
return!!(obj&&obj.nodeType===1);
}