在 ECMAScript 7 中，Symbol 和 Symbol.for 是两个新添加的特性。它们是一种新的原始数据类型，可用于创建唯一的标识符。本文将深入探讨 Symbol 和 Symbol.for 的使用方法以及其在前端开发中的应用。
什么是 Symbol？
Symbol 是一种新的原始数据类型，可以用来创建只在本身作用域内可访问的唯一的标识符。它们是不可变的和唯一的，因此，两个不同的 Symbol 值永远不会相等。
创建 Symbol 只需调用全局 Symbol 函数并传递一个可选的描述符。例如：
const mySymbol = Symbol('description');在上面的示例中，mySymbol 是使用描述符 'description' 创建的 Symbol。这个描述符只是用于调试目的。在创建 Symbol 时，即使传递相同的描述符，它们也是唯一的。
什么是 Symbol.for？
Symbol.for 是另一个创建 Symbol 的方法。与 Symbol 不同，Symbol.for 创建的 Symbol 是全局可访问的，因此可以在应用程序的不同部分使用相同的 Symbol。相当于一个全局 Symbol 的注册表。
要创建一个全局的 Symbol，可以通过 Symbol.for 函数传递一个字符串作为参数，该字符串将用作 Symbol 的名称。例如：
const mySymbol = Symbol.for('mySymbolName');在上面的示例中，mySymbol 创建了一个全局 Symbol，并将其命名为 'mySymbolName'。
如何使用 Symbol 和 Symbol.for？
Symbol 和 Symbol.for 通常用于定义对象中的私有属性或方法。由于 Symbol 是唯一的，因此可以防止对象属性被意外覆盖或重复命名。
例如，考虑以下代码：
const obj = {
name: 'John',
age: 30,
[Symbol('id')]: 123
};在上面的代码中，对象 obj 包含 'name'、'age' 和 Symbol('id') 三个属性。由于 Symbol('id') 是唯一的，因此任何其他对象都无法创建具有相同属性名称的 Symbol。因此，它是一个非常好的方法来定义一个对象的私有属性。
另一个重要的用例是将 Symbol 用作迭代器和生成器。例如，可以定义一个迭代器，它返回一堆 Symbol：
-- -------------------- ---- -------
----- ---------- - -
-------------------- -
----- ----------------
----- -----------------
----- -----------------
-
-
------- ----- -- ----------- -
-------------------
-在上面的示例中，Symbol.iterator 通过创建一个生成器函数来定义一个迭代器，并使用 yield 符号返回一些 Symbol。
深入理解 Symbol 和 Symbol.for
为了更好地了解 Symbol 和 Symbol.for，我们还需要了解它们背后的一些内部机制。
Symbol 创建的 Symbol 是通过一个内部的全局 Symbol 注册表来存储的。该注册表充当一个 Symbol 的中心仓库，用于跟踪所有已创建的 Symbol。
另一方面，Symbol.for 创建的 Symbol 则是通过一个全局的名称-符号映射表来存储的。这个表格是一个全局注册表，用于跟踪所有已创建的 Symbol。它是一个对象，由名字和 Symbol 的键值对组成。例如，以下代码创建了一个全局的 Symbol：
Symbol.for('mySymbolName');Symbol.for 将检查全局表，看看是否已经有一个具有相同名称的 Symbol。如果是，则返回该 Symbol；如果不是，则创建一个新的 Symbol 并将其添加到表中。
结论
在本文中，我们深入探讨了 ECMAScript 7 中的 Symbol 和 Symbol.for。Symbol 是一种新的原始数据类型，用于创建唯一的标识符。Symbol.for 是一个在全局作用域中创建和注册 Symbol 的函数，创建的 Symbol 可以被应用程序的任何部分使用。我们还讨论了如何在对象中使用 Symbol、如何使用它们作为迭代器和生成器以及它们背后的一些内部机制。
在前端开发中，使用 Symbol 和 Symbol.for 可以防止意外的属性覆盖和命名冲突，并且能够创建全局唯一标识符，因此在需要唯一标识符的应用中非常有用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67516d448bd460d3ad8995c7