Symbol 初探：深入剖析 Symbol 本质，提升 JS 开发功底

2023-09-05 21:32:05

揭开 Symbol 的神秘面纱

Symbol 是 ECMAScript 6 中引入的一种新型数据类型，它与其他基本类型（如字符串、数字、布尔值等）截然不同。Symbol 是独一无二的，它永远不会与任何其他值相等，即使是另一个 Symbol。这使得 Symbol 非常适合用于创建私有属性、标记对象或跟踪对象的状态。

Symbol 的另一个重要特性是它可以被注册到全局注册表中。这使得我们可以使用 Symbol.for() 函数来获取已注册的 Symbol，或者使用 Symbol.keyFor() 函数来获取某个 Symbol 的键。

Symbol 在实际开发中有着广泛的应用场景，下面是一些常见的例子：

创建私有属性： Symbol 可以用于创建私有属性，这些属性不会出现在对象的原型链上，因此无法被其他代码访问。这对于保护敏感数据或实现封装非常有用。
标记对象： Symbol 可以用于标记对象，以方便在代码中对它们进行识别。例如，我们可以使用 Symbol 来标记一个对象是正在编辑状态还是已完成状态。
跟踪对象的状态： Symbol 可以用于跟踪对象的状态，例如，我们可以使用 Symbol 来标记一个对象是否已加载完成。

为了更深入地理解 Symbol，我们需要了解一些底层机制。Symbol 的底层表示是一个唯一的整数，这个整数是通过调用 Symbol() 函数生成的。当我们使用 Symbol.for() 函数来获取已注册的 Symbol 时，实际上是通过这个唯一的整数来检索的。

Symbol 还可以被用作对象的键，当我们使用 Symbol 作为对象的键时，它不会被存储在对象的原型链上，而是存储在对象的私有属性中。这使得使用 Symbol 作为对象的键非常安全，因为其他代码无法访问这些私有属性。

Symbol 还有一些高级特性，这些特性可以帮助我们编写出更加强大的代码。

Symbol.iterator： Symbol.iterator 是一个内置的 Symbol，它表示对象的默认迭代器。当我们使用 for of 循环来遍历一个对象时，实际上是使用对象的 Symbol.iterator 来获取对象的迭代器，然后使用迭代器来遍历对象。
for await...of 循环： for await...of 循环是一种新的循环语法，它允许我们异步地遍历一个对象。当我们使用 for await...of 循环来遍历一个对象时，实际上是使用对象的 Symbol.asyncIterator 来获取对象的异步迭代器，然后使用异步迭代器来遍历对象。