快速判断JavaScript对象是否存在的十个方法(1)(2)
第六种写法
由于在已定义、但未赋值的情况下,myObj的值直接等于undefined,所以上面的写法可以简化:
- if (myObj == undefined) {
- var myObj = { };
- }
这里有两个地方需要注意,首先第二行的var关键字不能少,否则会出现ReferenceError错误,其次undefined不能加单引号或双引号,因为这里比较的是undefined这种数据类型,而不是"undefined"这个字符串。
第七种写法
上面的写法在"精确比较"(===)的情况下,依然成立:
- if (myObj === undefined) {
- var myObj = { };
- }
第八种写法
根据javascript的语言设计,undefined == null,所以比较myObj是否等于null,也能得到正确结果:
- if (myObj == null) {
- var myObj = { };
- }
不过,虽然运行结果正确,但是从语义上看,这种判断方法是错的,应该避免。因为null指的是已经赋值为null的空对象,即这个对象实际上是有值的,而undefined指的是不存在或没有赋值的对象。因此,这里只能使用"比较运算符"(==),如果这里使用"精确比较运算符"(===),就会出错。
第九种写法
还可以使用in运算符,判断myObj是否为顶层对象的一个属性:
- if (!('myObj' in window)) {
- window.myObj = { };
- }
第十种写法
最后,使用hasOwnProperty方法,判断myObj是否为顶层对象的一个属性:
- if (!this.hasOwnProperty('myObj')) {
- this.myObj = { };
- }
总结
1. 如果只判断对象是否存在,推荐使用第五种写法。
2. 如果除了对象是否存在,还要判断对象是否有null值,推荐使用第一种写法。
3. 除非特殊情况,所有变量都应该使用var命令声明。
4. 为了跨平台,建议避免使用window表示顶层对象。
5. 在Javascript语言中,null和undefined容易产生混淆。在可能同时涉及两者的情况下,建议使用"精确比较"运算符(===)。