ES6----Symbol

ES5的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是ES6引入Symbol的原因。

换言之:凡是属性名属于Symbol类型,就都是独一无二的,可以保证不会与其他属性名产生冲突

let age = Symbol();
var obj1 = {};
obj1[age] = 12;
// obj1 => {Symbol(): "syyyy"}

或者这样写

var obj1= {
  [age]: 12
};

不能使用点运算符,即正常的obj.age这样的写法,这样写属性依然是普通的字符串类型,不是symbol类型。

既不是独有的内部属性,但是普通的遍历也无法获取

  • Object.getOwnPropertySymbols
    symbol属性无法被for循环捕捉到,想要获取到symbol属性,使用Object.getOwnPropertySymbols(obj)即可
var obj = {name: "syy", Symbol(): "syyyy"}
Object.getOwnPropertySymbols(obj)
// => [Symbol()]
  • Reflect.ownKeys(obj) 获取obj的所有键名
Reflect.ownKeys(obj)
// => ["name", Symbol()]
  • Symbol.for(): 不会每次调用都返回一个新的symbol值,而是根据括号中的key值查找全局是否有相同的symbol值,不存在则新建一个值
    Eg:当调用Symbol(name)时,每调用一次都会新建一个symbol,而Symbol.for(name)则只会创建一次
Symbol.for("bar") === Symbol.for("bar")
// true

Symbol("bar") === Symbol("bar")
// false
  • Symbol.keyFor():返回一个已登记的symbol的key值
  • 登记:Symbol.for才会让key在全局被登记

其他的symbol内置值不写了,有需要用到直接看文档就好了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值