• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • Symbol.unscopables

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

    描述

    可以在任何对象上定义@@unscopables symbol(Symbol.unscopables),用于排除属性名称并与with环境绑定在一起作为词法变量公开。请注意,如果使用 Strict mode,语句将不可用,并且可能也不需要 symbol。

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

    Symbol.unscopables属性的属性特性:
    writablefalse
    enumerablefalse
    configurablefalse

    示例

    下列的代码可兼容 ES5 及以下版本。然而,在 ECMAScript 2015(ES6)或其后续版本中,Array.prototype[@@unscopables]展示并实现的,一些 Array 的方法将作为 scoped 放入with语句中。

    var keys = [];
    
    with(Array.prototype) {
      keys.push("something");
    }
    
    Object.keys(Array.prototype[Symbol.unscopables]); 
    // ["copyWithin", "entries", "fill", "find", "findIndex", 
    //  "includes", "keys", "values"]
    

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

    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
    }