Well-Known Symbols:改变语言内建行为的元接口
利用 Symbol.iterator、Symbol.toPrimitive、Symbol.match 等内置 Symbol,覆盖并定制 JavaScript 的默认行为。 · 难度:入门 · +10XP
Well-Known Symbols:改变语言内建行为的元接口
Symbol 不仅仅是唯一标识符,JavaScript 内置了一系列 Well-Known Symbols,用于定制对象在语言层面的行为。例如,通过 Symbol.iterator 让对象可迭代,Symbol.toPrimitive 控制类型转换,Symbol.species 控制派生对象构造。本教程将逐一展示这些隐藏接口的实际应用:创建可定制的集合类、让函数成为合法迭代器、重写 instanceof 逻辑、甚至拦截 JSON.stringify 的序列化过程。
class Range {
constructor(start, end) { this.start = start; this.end = end; }
*[Symbol.iterator]() {
for (let i = this.start; i <= this.end; i++) yield i;
}
Symbol.toPrimitive {
if (hint === 'number') return this.end - this.start + 1;
return [${this.start}-${this.end}];
}
}
const r = new Range(3, 7);
console.log([...r]); // [3,4,5,6,7]
console.log(+r); // 5