JavaScript中判断对象是否存在的若干方法

为什么80%的码农都做不了架构师？>>>   

JavaScript中判断对象是否存在有若干总方法，在讲这些方法之前先明确三个概念

(1)JavaScript是“先解析，后运行”，在解析的过程中就完成了变量的声明

(2)JavaScript中，undefined == null

(3)window是JavaScript的顶层对象，而this总是指向顶层对象本身

下面具体阐述这些判断方法

• 第一种方法(若判断对象是否存在以及是否为null，推荐使用该方法)

if(!obj) {
    var obj = {};
}
//var具有“代码提升”的作用，上述代码等价于
var obj;
if(!obj) {
    var obj = {};
}

• 第二种方法

if(!window.obj) {
    var obj = {};
} 
//或者写成如下形式
if(!window.obj) {
    window.obj = {};
}

• 第三种方法(第二种方法的鲁棒版本)

if(!this.obj) {
    this.obj = {};
} 
//或者写成如下更容易理解的形式
var global = this;
if(!global.obj) {
    global.obj = {};
}

• 第四种方法(若只判断对象是存在，推荐使用该方法)

if(obj == undefined) {  //注意不要写成 "undefined"
    var obj = {};
} 
//或者写成如下形式
if(obj == null) {
    var obj = {};
}
//或者写成如下形式
if(obj === undefined) {  //===是精确比较运算符
    var obj = {};
}

• 第五种方法(使用in运算符判断obj是否是顶层对象的一个属性)

if('obj' in window) {
    window.obj = {};
}

• 第六种方法

if(!this.hasOwnProperty(obj)) {
    this.obj = {};
}

转载于:https://my.oschina.net/migoo/blog/640006