你不知道的JavaScript上卷读书笔记第2章词法作用域2.2欺骗词法

1. Javascript 在ES6以前只有函数作用域。
2. ES6开始支持块作用域: 通常就是 {} 包裹的范围
3. 作用域中查找变量or函数的规则是从当前向上&＃xff08;父集&＃xff09;逐级查找&＃xff0c;找到最近的就拿来用。
4. 如果找到顶级&＃xff08;全局作用域&＃xff1a;比如浏览器的window对象&＃xff09;还没有&＃xff0c;就默认创建一个。
5. 词法作用域的规则决定&＃xff0c;所有变量or函数在写代码时就已经确定了他所在的作用域。但是也有动态修改词法作用域的情况比如eval和with。
6. 这两东西都不推荐使用了。但是作为学习理解还是有点用的。

1. 最直接的就是&＃xff0c;有他们的存在使代码变的不确定&＃xff0c;所以JS引擎就放弃对这段代码的优化。这导致性能低下。
2. eval另一个显著的问题就是如果执行的字符串来自外部&＃xff0c;很可能存在注入的风险。
3. with还可能导致意外的修改上级作用域变量。例如下面代码就意外导致创建了一个全局变量 b。这种非预期的行为&＃xff0c;会导致我们被莫名的BUG折磨致死。&＃xff08;除非创建全局变量 b就是你想要的结果&＃xff0c;但是你也应该选择一个可读性更高的方案来实现&＃xff09;

function test(obj){with(obj){a &＃61; 1;b &＃61; 2;}
}
var obj &＃61; {a:0};
test(obj);
console.log(obj); // {a: 1}
console.log(b); // 2