ES6知识点——symbol

概述

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

let s = Symbol(); 
typeof s // "symbol"

上面代码中,变量 s 就是一个独一无二的值。 typeof 运算符的结果,表明变 量 s 是 Symbol 数据类型,而不是字符串之类的其他类型。
注意, Symbol 函数前不能使用 new 命令,否则会报错。这是因为生成的 Symbol 是一个原始类型的值,不是对象。也就是说,由于 Symbol 值不是对象, 所以不能添加属性。基本上,它是一种类似于字符串的数据类型。

var s1 = Symbol('foo'); 
var s2 = Symbol('bar'); 
s1 // Symbol(foo) 
s2 // Symbol(bar) 
s1.toString() // "Symbol(foo)" 
s2.toString() // "Symbol(bar)"

上面代码中, s1 和 s2 是两个 Symbol 值。如果不加参数,它们在控制台的输出 都是 Symbol() ,不利于区分。有了参数以后,就等于为它们加上了描述,输出的 时候就能够分清,到底是哪一个值。
如果 Symbol 的参数是一个对象,就会调用该对象的 toString 方法,将其转为字符串,然后才生成一个 Symbol 值。

const obj = { toString() { 
return 'abc'; } };
const sym = Symbol(obj); 
sym // Symbol(abc)

注意, Symbol 函数的参数只是表示对当前 Symbol 值的描述,因此相同参数 的 Symbol 函数的返回值是不相等的。

// 没有参数的情况 
var s1 = Symbol(); 
var s2 = Symbol(); 
s1 === s2 // false 
// 有参数的情况 
var s1 = Symbol('foo'); 
var s2 = Symbol('foo'); 
s1 === s2 // false
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值