Symbol.unscopables

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

Symbol.unscopables 指用于指定对象值，其对象自身和继承的从关联对象的 with 环境绑定中排除的属性名称。

尝试一下

描述

可以在任何对象上定义 [Symbol.unscopables] 符号（Symbol.unscopables），用于排除属性名称并与 with 环境绑定在一起作为词法变量公开。请注意，如果使用严格模式，语句将不可用，并且可能也不需要符号。

在 unscopables 对象上设置属性为 true，将使其 unscopable 并且因此该属性也将不会在词法环境变量中出现。如果设置属性为 false ，则将使其可 scopable 并且该属性会出现在词法环境变量中。

Symbol.unscopables 的属性特性
可写 否
可枚举 否
可配置 否

示例

下列的代码可兼容 ES5 及以下版本。然而，在 ECMAScript 2015 (ES6) 或其后续版本中，Array.prototype.keys() 方法才会出现。意味着内部 with 环境“关键字”存在该方法，但变量中不会存在。也就是说，当 unscopables symbol 被展示时，内置的unscopables 设置是由 Array.prototype[Symbol.unscopables] 展示并实现的，一些 Array 的方法 将作为 scoped 放入 with 语句中。

js
var keys = [];

with (Array.prototype) {
  keys.push("something");
}

Object.keys(Array.prototype[Symbol.unscopables]);
// ["copyWithin", "entries", "fill", "find", "findIndex",
//  "includes", "keys", "values"]

你也可以为你自己的对象设置 unscopables 。

js
var obj = {
  foo: 1,
  bar: 2,
};

obj[Symbol.unscopables] = {
  foo: false,
  bar: true,
};

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

规范

Specification
ECMAScript Language Specification
# sec-symbol.unscopables

浏览器兼容性

BCD tables only load in the browser

参见