ES6 Symbol函数,消除魔术字符串, Symbol.for和Symbol.keyFor

Symbol函数

1.0 概述

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

ES6引入了一种新的原始数据类型 Symbol , 表示独一无二的值. 它是JS语言的第七种数据类型. 前六种分别是. String, Boolean, Number, Null, undefined, Object.

Symbol 通过 Symbol 函数生成, 这就是说 , 对象的属性名现在可以是 两种类型, 一种: 就是原来就有的字符串, 另一种: 就是新增的Symbol类型. 凡是属性名属于 Symbol 类型, 就都是独一无二的, 可以保证不会与其他属性名产生冲突.

let s = Symbol();

typeof s
// "symbol"

上面代码中，变量s就是一个独一无二的值。typeof运算符的结果，表明变量s是 Symbol 数据类型，而不是字符串之类的其他类型。

🏴 注意 Symbol 函数前不能使用 new 命令, 否则会报错. 这是因为生成的 Symbol 是一个 原始类型的值, 不是对象, 也就是说, 因为 Symbo 不是对象, 所以不能给 Symbol 添加属性, 基本上, 它是一种类似于字符串的数据类型.

Symbol 函数可以接收一个字符串作为参数, 表示对 Symbol 实例的描述, 主要是为了在控制台显示. 或者转化为字符串时, 比较容易区分.

let s1 = Symbol('foo');
let s2 = Symbol('bar');

console.log(s1.toString()); // "Symbol(foo)"
console.log(s2.toString()); // "Symbol(bar)"

🏴 注意: Symbol 函数的参数只是表示对当前 Symbol 值的描述, 因此就算是相同参数的 Symbol 函数, 它的返回值也是不相等的.

// 没有参数的情况
let s1 = Symbol();
let s2 = Symbol();

console.log(s1 === s2); // false

// 有参数的情况
let s3 = Symbol('foo');
let s4 = Symbol('foo');

console.log(s3 === s4); // false

Symbol 值不能与其他类型的值进行运算, 否则会报错

但是Symbol 值可以显示转为字符串.

let sym = Symbol('My symbol');

console.log(String(sym)); // 'Symbol(My symbol)'
console.log(sym.toString()); // 'Symbol(My symbol)'

另外, Symbol 值也可以转为 布尔值, 但是不能转为数值

let sym = Symbol();
Boolean(sym) // true
!sym  // false

if (sym) {
    
  // ...
}

Number(sym)