⚡ 编程实验室🏗️ HTML🎨 CSS⚡ JavaScript🐍 Python🗄️ SQL☕ Java⚛️ React💚 Vue🟢 Node.js⚙️ C语言🐘 PHP🐹 Go🔷 TypeScript🐬 MySQL🔧 C++🎯 C#🦀 Rust🅱️ Bootstrap💡 jQuery🎸 Django🍃 MongoDB👗 Sass🎪 Kotlin📊 R语言📋 XML📊 Excel🐘 PostgreSQL🐳 Docker🅰️ Angular🎮 游戏🏠 网站首页

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
Ctrl+Enter
🚀 升级VIP
解锁全部课程+AI助手

🏆 学习排行

加载中...

📊 统计

📖 231 篇
0 完成
🔥 0