诡异代码-JS-1

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

felixking

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

阅读量287

点赞数

文章标签： javascript 作用域

本文链接：https://blog.youkuaiyun.com/felixking/article/details/69356782

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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