js判断对象属性是否存在之深入理解

js判断多层对象属性是否存在

• 比如 判断 err.response.data.message 的存在

//如果不想这样写 if(err && err.response && err.response.data ...){}
//目前比较好的办法是使用lodashjs中的_.get方法，注意查找参数字符串
_.get(err,"response.data.message")
//还有就是将err转为字符串，再进行匹配查找

判断对象是否存在，不存在则声名一个

//例一，这个会报错，原因是没有变量报升
if (!myObj) {
　　myObj = { };
}
//例二，这个写法和第三个写法，是等价的
if (!myObj) {
　　var myObj = { };
}
//例三
var myObj;
if (!myObj) {
　　var myObj = { };
}
//例四，正确的写法应该是
if (!window.myObj) {
　var myObj = { };
}
//例五，或者
if (!window.myObj) {
　window.myObj = { };
}
//例六，如果不是在浏览器环境中，则这样写
//在全局变量的层面中，this关键字总是指向顶层变量，所以就可以独立于不同的运行环境
if (!this.myObj) {
　this.myObj = { };
}
//例七，但是，上面这样写可读性较差，而且this的指向是可变的，容易出错，所以进一步改写
var global = this;
if (!global.myObj) {
　global.myObj = { };
}
//例八，也可以使用精确比较的办法，但是，var关键字不能少
if (myObj === undefined) {
　var myObj = { };
}

总结

参考文档,如何判断Javascript对象是否存在

1. 如果只判断对象是否存在，推荐使用【例八】
2. 如果除了对象是否存在，还要判断对象是否有null值，推荐使用【例一】
3. ==除非特殊情况，所有变量都应该使用var命令声明==
4. 为了跨平台，建议避免使用window表示顶层对象。
5. 在Javascript语言中，null和undefined容易产生混淆。在可能同时涉及两者的情况下，建议使用"精确比较"运算符（===）

理解 js 的【先解析，后运行】

//没有变量提升，直接报错
console.log(obj);// obj is not defined
obj = {};
//var关键字，在解析时，会有变量提升作用。注意，if不是一个代码块
console.log(obj);
var obj = {};