符号类型：创建唯一的属性键 (ES6+)
欢迎来到今天的讲座
大家好，欢迎来到今天的讲座！今天我们要聊一聊 JavaScript 中的 Symbol 类型。Symbol 是 ES6（ECMAScript 2015）引入的一种新的原始数据类型，它的主要作用是创建唯一的属性键。听起来有点抽象？别担心，我们会在接下来的时间里通过一些轻松诙谐的例子来深入理解它。
为什么需要 Symbol？
在 ES6 之前，JavaScript 的对象属性键只能是字符串。这带来了一个问题：如果你在多个地方定义了相同的字符串作为属性键，可能会导致冲突。比如，假设你和我都在一个对象上定义了一个名为 id 的属性，那么我们的代码可能会互相干扰。
const obj = {
id: '123'
};
// 另一个开发者也定义了 id 属性
obj.id = '456';
console.log(obj.id); // 输出 '456'为了避免这种冲突，Symbol 应运而生。Symbol 保证每次创建的符号都是唯一的，即使两个符号的描述相同，它们也是不同的。
创建 Symbol
要创建一个 Symbol，你可以使用 Symbol() 函数。这个函数可以接受一个可选的参数，用于描述符号。这个描述不会影响符号的唯一性，但它可以帮助你在调试时更容易识别符号。
const sym1 = Symbol('description');
const sym2 = Symbol('description');
console.log(sym1 === sym2); // false如你所见，尽管 sym1 和 sym2 都有相同的描述，但它们是两个不同的符号。这就是 Symbol 的强大之处——它确保了每个符号的唯一性。
使用 Symbol 作为对象属性键
Symbol 最常见的用法是作为对象的属性键。由于 Symbol 是唯一的，它可以避免属性名冲突的问题。让我们来看一个例子：
const user = {
name: 'Alice',
[Symbol('id')]: '123'
};
console.log(user.name); // 'Alice'
console.log(user[Symbol('id')]); // undefined等等，为什么 user[Symbol('id')] 是 undefined？这是因为每次调用 Symbol('id') 都会创建一个新的符号，所以你需要保存符号的引用，以便后续使用。
const userId = Symbol('id');
const user = {
name: 'Alice',
[userId]: '123'
};
console.log(user.name); // 'Alice'
console.log(user[userId]); // '123'现在一切正常了！通过将符号存储在一个变量中，我们可以多次使用同一个符号来访问对象的属性。
Symbol.for() 和 Symbol.keyFor()
有时候，你可能希望在不同的地方创建相同的符号。这时，Symbol.for() 就派上用场了。Symbol.for() 会根据给定的键从全局符号注册表中查找符号。如果找到了，它会返回该符号；如果没有找到，它会创建一个新的符号并将其添加到注册表中。
const sym1 = Symbol.for('sharedKey');
const sym2 = Symbol.for('sharedKey');
console.log(sym1 === sym2); // true与 Symbol.for() 相对应的是 Symbol.keyFor()，它可以根据符号返回其在全局符号注册表中的键。如果符号不在注册表中，它会返回 undefined。
const sym1 = Symbol.for('sharedKey');
const sym2 = Symbol('uniqueKey');
console.log(Symbol.keyFor(sym1)); // 'sharedKey'
console.log(Symbol.keyFor(sym2)); // undefinedSymbol 在迭代中的表现
Symbol 有一个有趣的特点：它是不可枚举的。这意味着当你使用 for...in 或 Object.keys() 迭代对象时，Symbol 属性不会被包含在内。
const obj = {
name: 'Alice',
[Symbol('id')]: '123'
};
for (let key in obj) {
console.log(key); // 只输出 'name'
}
console.log(Object.keys(obj)); // ['name']但是，如果你想访问对象的所有属性，包括 Symbol 属性，你可以使用 Object.getOwnPropertySymbols()。这个方法会返回一个数组，包含对象自身的所有符号属性。
const obj = {
name: 'Alice',
[Symbol('id')]: '123'
};
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(id)]Symbol 的内置符号
除了自定义符号，JavaScript 还提供了一些内置的符号，用于实现特定的行为。这些符号通常以 Symbol. 开头，例如 Symbol.iterator、Symbol.toPrimitive 等。这些内置符号允许你自定义对象的行为。
Symbol.iterator
Symbol.iterator 是最常用的内置符号之一。它定义了对象的默认迭代行为。例如，数组的 Symbol.iterator 方法返回一个迭代器，使得你可以使用 for...of 循环遍历数组。
const arr = ['a', 'b', 'c'];
for (let item of arr) {
console.log(item); // 'a', 'b', 'c'
}你也可以为自定义对象定义 Symbol.iterator，使其支持迭代。
const myIterable = {
items: ['x', 'y', 'z'],
[Symbol.iterator]() {
let index = 0;
return {
next: () => {
if (index < this.items.length) {
return { value: this.items[index++], done: false };
} else {
return { value: undefined, done: true };
}
}
};
}
};
for (let item of myIterable) {
console.log(item); // 'x', 'y', 'z'
}Symbol.toPrimitive
Symbol.toPrimitive 定义了对象如何转换为原始值。例如，当你对一个对象执行加法运算时，JavaScript 会尝试将其转换为数字或字符串。你可以通过定义 Symbol.toPrimitive 来控制这种转换行为。
const obj = {
[Symbol.toPrimitive](hint) {
if (hint === 'number') {
return 42;
} else if (hint === 'string') {
return 'Hello';
} else {
return true;
}
}
};
console.log(+obj); // 42
console.log(String(obj)); // 'Hello'
console.log(Boolean(obj)); // true总结
好了，今天的讲座到这里就告一段落了！我们学习了 Symbol 的基本概念、如何创建和使用符号，以及 Symbol 在对象属性键中的独特优势。我们还探讨了 Symbol.for() 和 Symbol.keyFor() 的用法，了解了 Symbol 在迭代中的表现，并介绍了几个常用的内置符号。
Symbol 是 JavaScript 中一个非常强大的工具，尤其是在需要确保属性键唯一性的情况下。希望今天的讲座能帮助你更好地理解和使用 Symbol。如果你有任何问题，欢迎随时提问！
谢谢大家的聆听，我们下次再见！
