ES6 symbol

  1. ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值,js的第七种数据类型。
  2. 直接调用Symbol函数即可生成一个Symbol,注意Symbol函数前不能使用new命令,否则报错。
let sy = Symbol("KK");
console.log(sy);   // Symbol(KK)
typeof(sy);        // "symbol"
 
// 相同参数 Symbol() 返回的值不相等
let sy1 = Symbol("kk"); 
sy === sy1;       // false

3.使用场景
由于每一个 Symbol 的值都是不相等的,所以 Symbol 作为对象的属性名,可以保证属性不重名。

let sy = Symbol("key1");
 
// 写法1
let syObject = {};
syObject[sy] = "kk";
console.log(syObject);    // {Symbol(key1): "kk"}
 
// 写法2
let syObject = {
  [sy]: "kk"
};
console.log(syObject);    // {Symbol(key1): "kk"}
 
// 写法3
let syObject = {};
Object.defineProperty(syObject, sy, {value: "kk"});
console.log(syObject);   // {Symbol(key1): "kk"}

Symbol 作为对象属性名时不能用.运算符,要用方括号。因为.运算符后面是字符串,所以取到的是字符串 sy 属性,而不是 Symbol 值 sy 属性。
Symbol 作为属性名,该属性不会出现在for…in, for…of循环中,也不会被object.keys(),object.getOwnPropertyNames(),JSON.stringfy()返回。但是,有一个Object.getOwnPropertySymbols方法,可以获取指定对象的所欲Symbol的属性名。
4. symbol.for

let s1 = Symbol.for('foo')
let s2 = Symbol.for('foo')
s1 === s2  // true

Symbol.for() 与Symbol()这两种写法,都会生成新的Symbol。Symbol.for()不会每次调用就返回一个新的Symbol的类型值,而是先检查给定的key是否已经存在,如果不存在新建一个值。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值