JavaScript | Symbol.unscopables 属性

在 JavaScript 中，每当我们在代码中使用一个标识符时，JavaScript 引擎会尝试在当前作用域中找到对应的变量或函数。然而，有时候我们希望阻止某些具有特定名称的属性被放入作用域链中，这时就可以使用 Symbol.unscopables 属性。

什么是 Symbol.unscopables 属性?

Symbol.unscopables 是一个内置的 Symbol 值，它是一个对象的属性，用于定义对象的属性无法在作用域链中被 with 语句影响到。

使用场景

Symbol.unscopables 最常见的用途是在类似于 Array、Object、TypedArray 等内置 JavaScript 对象上定义可屏蔽属性。这些属性将会在使用 with 语句时被排除在作用域链之外，从而避免潜在的命名冲突和意外覆盖。

示例

下面是一个使用 Symbol.unscopables 的示例，展示如何防止特定属性进入作用域链中：

const myObj = {
  foo: 1,
  bar: 2,
  [Symbol.unscopables]: {
    bar: true
  }
};

with (myObj) {
  console.log(foo); // 输出: 1
  console.log(bar); // 输出: ReferenceError: bar is not defined
}

在上面的示例中，我们定义了一个名为 myObj 的对象，其中包含两个属性 foo 和 bar。我们还使用 Symbol.unscopables 在 myObj 上定义了一个属性，将 bar 设置为 true。当我们使用 with 语句包裹 myObj 时，bar 属性被排除在作用域链之外，因此在 console.log(bar) 行会引发一个 ReferenceError。

内置对象中常见的 Symbol.unscopables 属性

以下是一些内置对象中常见的 Symbol.unscopables 属性的示例：

• Array.prototype[Symbol.unscopables]: 包含一个名为 copyWithin 的属性，防止在 with 语句中影响当前作用域的 copyWithin 函数。

• Object.prototype[Symbol.unscopables]: 包含一组常见方法的属性，例如 toString 和 valueOf，以防止它们被意外覆盖。

• TypedArray.prototype[Symbol.unscopables]: 包含一组防止 with 语句影响当前作用域的属性，例如 set 和 slice。

总结

Symbol.unscopables 属性提供了一种机制，使我们能够防止特定属性被 with 语句影响到作用域链。通过在对象上定义 Symbol.unscopables 属性，并设置相应的属性值为 true，我们可以有效地避免潜在的命名冲突和意外覆盖。在使用内置对象时，我们可以利用预定义的 Symbol.unscopables 属性来屏蔽那些不应该出现在作用域链中的属性。

注意： 由于 with 语句在 JavaScript 严格模式下被禁用，因此在编写新代码时，应避免使用 with 语句。