技术开发 频道

判断JavaScript对象是否存在的10个方法

  第四种写法

  但是,上面这样写可读性较差,而且this的指向是可变的,容易出错,所以进一步改写:

  var global = this;

  
if (!global.myObj) {

  global.myObj
= { };

  }

  用自定义变量global表示顶层对象,就清楚多了。

  第五种写法

  还可以使用typeof运算符,判断myObj是否有定义。

  if (typeof myObj == "undefined") {

  var myObj
= { };

  }

  这是目前使用最广泛的判断javascript对象是否存在的方法。

  第六种写法

  由于在已定义、但未赋值的情况下,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容易产生混淆。在可能同时涉及两者的情况下,建议使用"精确比较"运算符(===)。

0
相关文章