诡异代码-JS-1

最新推荐文章于 2024-03-23 11:08:46 发布

原创最新推荐文章于 2024-03-23 11:08:46 发布 · 311 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #作用域

本文探讨了JavaScript中with语句的行为，特别是在不同对象上下文中对变量的影响。通过实例展示了如何在不同对象中查找和创建变量，以及这些操作对全局作用域的影响。同时，文章还讨论了let和var声明的区别，以及eval函数的作用域行为。

出处：你不知道的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 不能创建全局变量