多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
# JS判断数据类型的方法 来源:http://www.jb51.net/article/84968.htm > 比如要判断一个变量是否是数组类型,PHP中有is_array()函数可以直接判断,然而js中我们需要...-- well,下面我们就来详细看一下JavaScript中判断数据类型的方法总结 ## 一:typeof ``` //haorooms是全局变量 if(haorooms!=undefined){ } //js会报错,说"Uncaught ReferenceError: haorooms is not defined" ``` 解决的方法是我们如下写: ``` if(typeof haorooms!=undefined){ } ``` 用了typeof之后,就不会报错了!这是typeof的应用之一! 此外,typeof还可以进行数据类型的判断!如下: ``` var haorooms="string"; console.log(haorooms); //string var haorooms=1; console.log(haorooms); //number var haorooms=false; console.log(haorooms); //boolean var haorooms; console.log(typeof haorooms); //undfined var haorooms= null; console.log(typeof haorooms); //object var haorooms = document; console.log(typeof haorooms); //object var haorooms = []; console.log(haorooms); //object var haorooms = function(){}; console.log(typeof haorooms) //function 除了可以判断数据类型还可以判断function类型 ``` 很明显,对于typeof,除了前四个类型外,null、对象、数组返回的都是object类型; ## 二:instanceof 可以用其判断是否是数组。 ``` var haorooms=[]; console.log(haorooms instanceof Array) //返回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); function employee(name,job,born){ this.name=name; this.job=job; this.born=born; } var haorooms=new employee("Bill Gates","Engineer",1985); console.log(haorooms.constructor); //输出function employee(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({}) // "[object Object]" Object.prototype.toString.apply([]) // "[object Array]" Object.prototype.toString.apply(NaN)// "[object Number]" Object.prototype.toString.apply(function(){}) // "[object Function]" ``` 运用这种方式我们可以正确的判断一个变量的基本型态,但是如果是自订类型的话,却无法得知真正的类型,因为结果依然会是 [object Object] ## 五:其他(我暂时没看懂这个) jQuery 也有类型判断的方法,下面是一例 ``` $.isWindow(window) // true ``` 怎么做的呢 ``` core.js#479 isWindow: function( obj ) { return obj != null && obj == obj.window; } ``` 所以开一个这样的 Object: ``` var fakeWindow; fakeWindow = {}; fakeWindow.window = fakeWindow; $.isWindow(fakeWindow) // true ``` 你就骗过他了。 ## 小结 在 JavaScript 中要正确判断类型,当仔细去钻研的时候,真是一件麻烦事,根据不同的情境去设计你的判断式是相当重要的,我们也必须要去思考如何用最简洁的方式判断正确的类型,当然这篇还有很多地方没有介绍到,例如 isPrototypeOf 这个方法,JavaScript 是一个有许多历史包袱的语言,但也是不断的在进步,运用它的时候,要注意,有太多的方式是双面刃,切记要小心运用。