诡异代码-JS-1

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/felixking/article/details/69356782

出处： 你不知道的JavaScript（上卷）- 19

function foo(obj) {
    with (obj) {
        a = 2;
    }
}
var o1 = {
    a: 3
};
var o2 = {
    b: 3
};
foo( o1 );
console.log( o1.a ); // 2
foo( o2 );
console.log( o2.a ); // undefined
console.log( a ); // 2——不好， a 被泄漏到全局作用域上了！

说明：
1. 在执行 foo(o2) 时，foo函数内部对a执行的是LHS（左值查找），在给定的（即with的）o2中没有找到a字段时，将在全局作用域中查找，如果没有则会在全局作用域中创建a变量，而不会在o2对象中创建它
2. with可以将一个对象处理成一个作用域， 对象的属性即为这个作用域中的标识符
3. 提醒：如果在with代码块中使用var声明一个变量，这个变量不会成为with对象的属性，而是声明在了with语句所在的作用域中， 而let声明则既不会成员对象的成员，也不会被声明在with语句所在的作用域中， let声明只会在with临时创建的作用域中（在node中测试过）
4. eval函数也会创建一个作用域，尝试：
eval(“let a = 1”)
console.log(a)
结果是出错，变量a没有定义
5. 在严格模式下 “use strict”, with 被禁止使用，eval 不能创建全局变量