概述
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