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']