Symbol.unscopables
well-known symbol is used to specify an object value of whose own and inherited property names are excluded from the
with
environment bindings of the associated object.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
@@unscopables
symbol (
Symbol.unscopables
) can be defined on any object to exclude property names from being exposed as lexical variables in with
with
environment bindings. Note that if using
严格模式
,
with
statements are not available and will likely also not need this symbol.
Setting a property to
true
in an
unscopables
object will make it
unscopable
and therefore it won't appear in lexical scope variables. Setting a property to
false
will make it
scopable
and thus it will appear in lexical scope variables.
特性属性在
Symbol.unscopables
|
|
|---|---|
| 可写 | no |
| 可枚举 | no |
| 可配置 | no |
The following code works fine in ES5 and below. However, in ECMAScript 2015 and later, the
Array.prototype.keys()
method was introduced. That means that inside
with
environment "keys" would now be the method and not the variable. That's when the
unscopable
s symbol was introduced. A built-in
unscopables
setting is implemented as
Array.prototype[@@unscopables]
to prevent that some of the Array methods are being scoped into the
with
语句。
var keys = [];
with (Array.prototype) {
keys.push('something');
}
Object.keys(Array.prototype[Symbol.unscopables]);
// ["copyWithin", "entries", "fill", "find", "findIndex",
// "includes", "keys", "values"]
You can also set
unscopables
for your own objects.
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
}
| 规范 |
|---|
|
ECMAScript (ECMA-262)
The definition of 'Symbol.unscopables' in that specification. |
| Desktop | Mobile | Server | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
unscopables
|
Chrome 45 | Edge 12 | Firefox 48 | IE No | Opera 32 | Safari 9 | WebView Android 45 | Chrome Android 45 | Firefox Android 48 | Opera Android 32 | Safari iOS 9 | Samsung Internet Android 5.0 | nodejs 0.12 |
完整支持
不支持
Array.prototype[@@unscopables]
with
statement (not available in
严格模式
)
Symbol
Function
Object
Object.prototype.__defineGetter__()
Object.prototype.__defineSetter__()
Object.prototype.__lookupGetter__()
Object.prototype.__lookupSetter__()
Object.prototype.hasOwnProperty()
Object.prototype.isPrototypeOf()
Object.prototype.propertyIsEnumerable()
Object.prototype.toLocaleString()
Object.prototype.toSource()
Object.prototype.toString()
Object.prototype.valueOf()
Object.setPrototypeOf()