JavaScript 是一门伟大的语言，但在 ES5 版本之前，它仅支持字符串和数字作为对象属性名，这使得在开发中为新属性名分配唯一值变得非常麻烦。由于这个原因，Symbol 在 ES6 中被引入，它是一种新的原始数据类型，用于表示唯一的属性名。
在本文中，我们将深入介绍 ES6 中的 Symbol，并手动实现一个 Symbol 类型，以便更好地理解其工作原理。
ES6 中的 Symbol
Symbol 是一个特殊的数据类型，它用于创建唯一的标识符，可以作为对象属性的键名。Symbol 的特点是不可变和唯一。这意味着创建的两个 Symbol 之间永远不会相等。下面是一个创建 Symbol 的例子：
const sym = Symbol('mySymbol');
console.log(sym); // Symbol(mySymbol)在这个例子中，我们创建了一个具有描述符的 Symbol，并将其分配给变量 sym。
下面是一些使用 Symbol 的示例：
const obj = {};
obj[Symbol('mySymbol')] = 'value';
const sym1 = Symbol('mySymbol');
const sym2 = Symbol('mySymbol');
console.log(sym1 === sym2); // false在第一个示例中，我们创建了一个名为 mySymbol 的 Symbol，并将其作为对象 obj 的属性名。第二个示例创建了两个具有相同描述的 Symbol，但它们不相等。
手动实现 Symbol 类型
现在，我们将手动实现 Symbol 类型，以将其工作原理更好地理解。
在实现 Symbol 类型之前，让我们首先了解 JavaScript 中的闭包和函数作用域。
闭包和函数作用域
在 JavaScript 中，一个函数可以访问其外部函数的变量。当一个函数访问父级函数的变量时，它形成了一个闭包。
闭包可以通过函数作用域来实现。每个函数都有一个作用域，该作用域包含变量和函数。当一个函数被调用时，JavaScript 引擎会创建一个新的作用域，该作用域仅包含在函数中声明的变量和函数的引用。此外，它还包含对外部函数变量的引用。下面是一个闭包的例子：
-- -------------------- ---- -------
-------- ------- -
----- ------- - --------
-------- ------- -
---------------------
-
------ ------
-
----- -- - --------
----- -- -------在这个例子中，outer 函数创建了一个变量 message 和一个内部函数 inner。然后，它返回了 inner 函数，并分配给变量 fn。当我们调用 fn 函数时，它访问了 outer 函数的变量 message，形成了一个闭包。
Symbol 类型的实现
让我们看看一个手动实现 Symbol 类型的例子：
-- -------------------- ---- -------
-------- -------------- -
--- ------- - --
-------- ------------------- -
------- -- --
---------------- - ------------
------------------------ - ---------
------------------------ - ---------- -
------ ------------------------------
-
-
------------------------- - -------- -- -
------ ------------------------------
--
------------------------ - -------- -- -
------ -----
--
--------------- - --------------------------
------------------ - -----------------------------
------------------ - -----------------------------
------ -------
-
----- -------- - ---------------
----- ---- - --- ---------------------
----- ---- - --- ---------------------
----------------------------- -- ----------------
---------------- --- ------ -- -----在这个例子中，我们首先定义了一个函数 createSymbol，该函数返回 Symbol 类型。在函数中，我们创建了一个变量 counter，用于生成唯一的 id。然后，我们定义了 Symbol 构造函数，它接受一个描述参数，并返回一个新的 Symbol 实例。每个 Symbol 实例都有一个唯一的 id，并且它们可以通过其描述相互区分。
接下来，我们通过 Symbol.prototype 添加了 toString 和 valueOf 方法。这些方法用于将 Symbol 实例转换为字符串和原始值。我们还定义了三个内置 Symbol 属性：Symbol.iterator、Symbol.toPrimitive 和 Symbol.toStringTag。这些属性用于指定 Symbol 类型的行为。
最后，我们使用 createSymbol 函数创建了我们自己的 Symbol 类型，并创建了两个具有相同描述的 Symbol 实例。由于它们具有不同的 id，它们不相等。
结论
在本文中，我们深入了解了 ES6 中的 Symbol，并手动实现了一个 Symbol 类型。通过实现我们自己的 Symbol 类型，我们更好地理解了其工作原理和 JavaScript 中的闭包和函数作用域。Symbol 是一种非常强大的工具，可以用于创建唯一的属性名和解决命名冲突问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67027dbbd91dce0dc847913d