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 = { };
}
总结
- 如果只判断对象是否存在，推荐使用【例八】
- 如果除了对象是否存在，还要判断对象是否有null值，推荐使用【例一】
- ==除非特殊情况，所有变量都应该使用var命令声明==
- 为了跨平台，建议避免使用window表示顶层对象。
- 在Javascript语言中，null和undefined容易产生混淆。在可能同时涉及两者的情况下，建议使用"精确比较"运算符（===）
理解 js 的【先解析，后运行】
//没有变量提升，直接报错
console.log(obj);// obj is not defined
obj = {};
//var关键字，在解析时，会有变量提升作用。注意，if不是一个代码块
console.log(obj);
var obj = {};
