JavaScript中判断数据类型的方法总结
typeof
typeof用的比较多的时候,是判断某个全局变量在不在,假如某个页面定义了一个全局变量。假如你做如下判断:
//haorooms是全局变量
if(haorooms!=undefined){
}//js会报错,说"UncaughtReferenceError:haoroomsisnotdefined"
解决的方法是我们如下写:
if(typeofhaorooms!=undefined){
}
用了typeof之后,就不会报错了!这是typeof的应用之一!
此外,typeof还可以进行数据类型的判断!如下:
varhaorooms="string";console.log(haorooms);//string
varhaorooms=1;console.log(haorooms);//number
varhaorooms=false;console.log(haorooms);//boolean
varhaorooms;console.log(typeofhaorooms);//undfined
varhaorooms=null;console.log(typeofhaorooms);//object
varhaorooms=document;console.log(typeofhaorooms);//object
varhaorooms=[];console.log(haorooms);//object
varhaorooms=function(){};console.log(typeofhaorooms)//function除了可以判断数据类型还可以判断function类型
很明显,对于typeof,除了前四个类型外,null、对象、数组返回的都是object类型;
instanceof
可以用其判断是否是数组。
varhaorooms=[]; console.log(haoroomsinstanceofArray)//返回true
constructor
constructor就是返回对象相对应的构造函数。
判断各种数据类型的方法:
console.log([].constructor==Array);
console.log({}.constructor==Object);
console.log("string".constructor==String);
console.log((123).constructor==Number);
console.log(true.constructor==Boolean);
functionemployee(name,job,born){
this.name=name;
this.job=job;
this.born=born;}
varhaorooms=newemployee("BillGates","Engineer",1985);
console.log(haorooms.constructor);//输出functionemployee(name,jobtitle,born){this.name=name;this.jobtitle=job;this.born=born;}
通过输出haorooms.constructor,可以看出constructor就是返回对象相对应的构造函数。
Object.prototype.toString
前面我们提到了可以运用constructor属性来判定物件类型,让我们再来讲讲Object.protype.toString这个方法
Object.prototype.toString.apply({})//"[objectObject]"
Object.prototype.toString.apply([])//"[objectArray]"
Object.prototype.toString.apply(NaN)//"[objectNumber]"
Object.prototype.toString.apply(function(){})//"[objectFunction]"
运用这种方式我们可以正确的判断一个变量的基本型态,但是如果是自订类型的话,却无法得知真正的类型,因为结果依然会是[objectObject]
其他
jQuery也有类型判断的方法,下面是一例
$.isWindow(window)//true
怎么做的呢
core.js#479
isWindow:function(obj){
returnobj!=null&&obj==obj.window;
}
所以开一个这样的Object:
varfakeWindow;
fakeWindow={};
fakeWindow.window=fakeWindow;
$.isWindow(fakeWindow)//true
你就骗过他了。
小结
在JavaScript中要正确判断类型,当仔细去钻研的时候,真是一件麻烦事,根据不同的情境去设计你的判断式是相当重要的,我们也必须要去思考如何用最简洁的方式判断正确的类型,当然这篇还有很多地方没有介绍到,例如 isPrototypeOf 这个方法,JavaScript是一个有许多历史包袱的语言,但也是不断的在进步,运用它的时候,要注意,有太多的方式是双面刃,切记要小心运用。