es6符号symbol

ES5 的对象属性名都是字符串,这容易造成属性名的冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin 模式),新方法的名字就有可能与现有方法产生冲突。
简单的去理解,Symbol数据就是一个全局唯一的值,全局唯一的作用就是避免冲突。

您可以使用var symbol = Symbol()创建自己的符号,表示独一无二的值。这是ES6中的一种新的原始数据类型。ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ,还新增了 Symbol 。

符号是不可变和唯一的。Symbol() ,Symbol() ,Symbol('foo')Symbol(foo)都不一样

let sy = Symbol('foo');
console.log(sy);   // Symbol(foo)
typeof(sy);        // "symbol"
 
// 相同参数 Symbol() 返回的值不相等
let sy1 = Symbol('foo'); 
sy === sy1;       // false

读取Symbol属性

如果要读取到一个对象的 Symbol 属性,可以通过 Object.getOwnPropertySymbols() 和 Reflect.ownKeys() 取到。

let syObject = {};
syObject[sy] = "kk";

Object.getOwnPropertySymbols(syObject);    // [Symbol(key1)]
Reflect.ownKeys(syObject);                 // [Symbol(key1)]

创建全局唯一值

可以使用Symbol.for(key)创建全局唯一值,Symbol.for() 类似单例模式,首先会在全局搜索被登记的 Symbol 中是否有该字符串参数作为名称的 Symbol 值,如果有即返回该 Symbol 值,若没有则新建并返回一个以该字符串参数为名称的 Symbol 值,并登记在全局环境中供搜索。

let a= Symbol("aaa");
let b = Symbol.for("aaa");
a === b;      // false
 
let c = Symbol.for("aaa");
b === c;      // true

检测Symbol值是否已存在

Symbol.keyFor() 返回一个已登记的 Symbol 类型值的 key ,用来检测该字符串参数作为名称的 Symbol 值是否已被登记。

let d = Symbol.for("aaa");
Symbol.keyFor(d);    // "aaa"

在大部分开发场景中,你可能根本用不到这个特性,在我看来,Symbol的主要用途,是用来标识唯一的对象属性。

属性名的遍历

对象中的普通属性,咱们能够使用Object.keys()for...in或者Object.getOwnPropertyNames()来进行遍历,可是他们并不能遍历出Symbol类型的属性名。

请注意,它并非私有属性。咱们能够使用Object.getOwnPropertySymbols的方法来获取指定对象的Symbol属性。它会返回当前对象中全部Symbol类型的属性的Symbol值的数组:

let a = Symbol('a');
let b = Symbol('b');
let c = 'c';
let obj = {
    [a]: 'a',
    [b]: 'b',
    c: 'c'
};
let objNames = Object.getOwnPropertySymbols(obj);
console.log(objNames); // [Symbol(a), Symbol(b)]
let objName = Object.getOwnPropertyNames(obj);
console.log(objName); // ["c"]
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码上行舟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值