在 ECMAScript 2020 中，官方正式宣布废弃了 “with” 关键字。这个消息对于前端开发者来说具有非常重要的意义，因为很多开发者都习惯使用 “with” 关键字来简化代码。但是，这个关键字的使用确实可能存在潜在的风险，因此应该避免使用。本文将详细讨论 “with” 关键字及其废弃的原因、引入示例代码分析，帮助读者更好地理解，同时也能够给读者带来一些实际指导意义。
“with” 关键字的作用
“with” 关键字是 ECMAScript 中的一个语言特性，它可以创建一个新的作用域，在这个新的作用域中，可以省略前缀来访问对象的属性。通过这种方式，可以使代码更简洁紧凑。
例如，下面的代码创建了一个简单的对象，然后通过 “with” 关键字在代码块中省略了对象的前缀，从而访问了该对象的属性：
var person = { name: "Tom", age: 18 };
with (person) {
console.log(name);
console.log(age);
}我们可以发现，使用 “with” 关键字，不需要每次都输入 “person” 这个对象名，可以更加简洁地访问它的属性。
“with” 关键字的风险
虽然 “with” 关键字可以使代码更加简洁，但同时也可能带来潜在的风险。在实际使用中，可能存在一些名称相同的变量或者函数，这些变量或函数都可以在 “with” 块内被调用，这可能会导致一些不可预测的行为，从而降低代码的可读性和可维护性。例如，下面的代码：
var name = "Tom";
var person = { name: "Jerry", age: 18 };
with (person) {
console.log(name);
console.log(age);
}在上面的代码中，我们定义了一个变量 “name”，然后在 “with” 块内，调用了对象 “person” 的 “name” 属性。由于变量 “name” 和对象 “person” 的 “name” 属性同名，可能会导致程序出现不可预测的错误，从而降低程序的可读性和可维护性。因此，为了避免这种情况，官方决定弃掉 “with” 关键字。
废弃 “with” 关键字的原因
官方弃掉 “with” 关键字的主要原因是为了提高代码的可读性和可维护性。由于 “with” 关键字在实际使用中可能会导致一些不可预测的行为，因此官方建议开发者尽可能不要使用 “with” 关键字，或者使用其他方式来达到相同的效果。
官方在 ECMAScript 5 中已经开始限制 “with” 关键字的使用，但是在很多情况下，开发者仍然会滥用它，导致代码的可读性和可维护性下降，最终决定完全废弃这个语言特性。
废弃 “with” 关键字后的替代方案
既然 “with” 关键字被废弃，那么是否有其他的方式可以达到相同的效果呢？答案是肯定的。官方建议开发者尽量使用命名空间的方式来组织代码，以达到相同的效果。例如，我们可以将对象 “person” 包装在一个命名空间中，如下所示：
var myNamespace = {
person: { name: "Jerry", age: 18 }
};
console.log(myNamespace.person.name);
console.log(myNamespace.person.age);通过使用命名空间的方式，可以消除对象属性和变量名可能发生冲突的问题，从而使代码更加健壮。
总结及建议
通过本文的分析，我们可以得出结论：尽量不要使用 “with” 关键字，因为在实际使用中存在一些潜在的风险，可能会导致不可预测的行为。官方建议使用命名空间的方式来组织代码，以达到相同的效果，从而提高代码的可读性和可维护性。在实际开发中，我们应该时刻注意代码的可读性和可维护性，尽可能地避免使用一些可能会带来风险的语言特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64edb3e7f6b2d6eab37dcc38