Symbol 的作用

15 篇文章 0 订阅
5 篇文章 0 订阅

1. 避免暴露内部数据逻辑

(function(_this) {
    const COLOR = Symbol();
    const RED = Symbol();
    const GREEN = Symbol();
    const BLUE = Symbol();

    _this.COLOR_ENUM = {
      [COLOR]: {
        [RED]: '#FF0000',
        [GREEN]: '#00FF00',
        [BLUE]: '#0000FF'
      },
      getColor: function(color) {
        switch(color) {
          case this[COLOR][RED]: return '红色';
          case this[COLOR][GREEN]: return '绿色';
          case this[COLOR][BLUE]: return '蓝色';
          default: return '无';
       }
      }
    }
})(window);

COLOR_ENUM.getColor('#FF0000'); // "红色"
COLOR_ENUM[COLOR]; // Uncaught ReferenceError: COLOR is not defined

2. 屏蔽 Object.keys()或者for...in 枚举对象的属性名,并且JSON.stringify()也会忽略Symbol属性。

let obj = {
   [Symbol('name')]: 'Jack',
   age: 18
}

Object.keys(obj)   // ['age']

for (let p in obj) {
   console.log(p)   // 分别会输出:'age'
}

Object.getOwnPropertyNames(obj)   // ['age']

// 使用Object的API
Object.getOwnPropertySymbols(obj) // [Symbol(name)]

// 使用新增的反射API
Reflect.ownKeys(obj) // [Symbol(name), 'age']

3. 注册可识别的 Symbol :

let s1 = Symbol.for('symbol_1')  //注册一个全局Symbol
let s2 = Symbol.for('symbol_1')  //获取全局Symbol

s1 === s2  // true

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值