ES6 学习笔记之 Symbol

ES6 新增的 Symbol 功能还是比较多的,建议大家还是看看原著的内容来充分理解,我仅自己记录一些我可能需要用到的内容。

Symbol 返回的是一个唯一值,类似于 GUID,它的类型是 symbol,不能与字符串混淆。

let s = Symbol();
console.log(typeof s);
// symbol

Symbol 定义的方法名,只能通过方括号的方式来调用,如果使用了.运算符则会报错提示找不到这个方法。

let obj = {
  init() {
    return 'init';
  },
  [s]() {
    return 'Hello.';
  }
}

// obj.s(); 报错
obj[s](); // Hello.

遍历 Symbol 成员

console.log(Object.getOwnPropertyNames(obj));   // [ 'init' ]
console.log(Object.getOwnPropertySymbols(obj)); // [ Symbol() ]
console.log(Reflect.ownKeys(obj));              // [ 'init', Symbol() ]

Symbol 还可以定义类似枚举类的东西,但它不是重复的,如下例子(来自书中):

const COLOR_RED    = Symbol();
const COLOR_GREEN  = Symbol();

function getComplement(color) {
  switch (color) {
    case COLOR_RED:
      return COLOR_GREEN;
    case COLOR_GREEN:
      return COLOR_RED;
    default:
      throw new Error('Undefined color');
    }
}

Symbol.for 方 Symbol.keyFor() 方法

Symbol.for 类似一个拷贝函数,可以将某个 Symbol 值重复利用。如下所示:

var s1 = Symbol.for('foo');
var s2 = Symbol.for('foo');
console.log(s1 === s2); // true

Symbol.for 先检查是否有同 key 的值存在,如果没有就新建,如果有就返回已经有的。如下所示:

Symbol.for('abc') === Symbol.for('abc'); // true
Symbol('abc') === Symbol('abc') // false

Symbol() 是没有登记机制的,所以无论你如何调用都会创建一个新的 symbol 值。而 Symbol.for 不同。Symbol.keyFor 方法可以取到 Symbol.for 登记的类型值的 key。

var ss1 = Symbol.for('abcdef');
console.log(Symbol.keyFor(ss1));  // abcdef

var ss2 = Symbol('abcdefg');
console.log(Symbol.keyFor(ss2));  // undefined

内置 Symbol 值

ES6 内置了很多内置值,我仅举个例子演示一下。更多其他内置方法请参考图书。

// Symbol.replace,在调用 replace 时会被调用。
const x = {};
x[Symbol.replace] = (...s) => console.log(s);

'Hello'.replace(x, 'World');
// ['Hello', 'World']