在 JavaScript 中，对象是一种常见的数据类型，用于存储和组织相关的数据。但是，在使用对象时，可能会遇到属性冲突的问题，即多个属性具有相同的名称，导致出现意料之外的结果。为了解决这个问题，ECMAScript 2017 引入了一种新的数据类型：Symbol。
Symbol 简介
Symbol 是一种基本数据类型，用于表示独一无二的标识符。每个 Symbol 值都是唯一的，不可变的，且不可重复。Symbol 值可以用作对象属性的键，以避免属性冲突的问题。
在创建 Symbol 值时，可以给它一个可选的描述符，用于调试和显示。例如：
----- ------ - ---------------------- -------------------- -- -------------------
Symbol 作为对象属性键
在 JavaScript 中，对象属性的键可以是字符串或 Symbol。如果使用相同的字符串作为键，那么它们会被视为相同的属性，从而导致冲突。但是，如果使用 Symbol 作为键，那么它们是独一无二的，不会产生冲突。
例如，以下代码演示了如何使用 Symbol 作为对象属性键：
----- --- - - ---------------- ------- -- ----------------- -- ------------- --------
在这个例子中，我们创建了一个对象，它只有一个属性，键是一个 Symbol 值。由于 Symbol 值是独一无二的，因此这个属性不会与其他属性冲突。
Symbol 作为私有属性
在 JavaScript 中，对象的属性通常都是公共的，即可以被任何人访问和修改。但是，在某些情况下，我们希望将属性设置为私有的，只能在对象内部访问和修改。这时，可以使用 Symbol 作为私有属性的键。
例如，以下代码演示了如何使用 Symbol 作为私有属性的键：
----- --------------- - ------------------
----- ------ -
----------------- ---- -
--------- - -----
-------- - ----
--------------------- - ----------
-
--------- -
------ ------------- -- ----------- ----- -----
-
------------ -
------ ----------------------
-
-
----- ------ - --- --------------- ----
------------------------------ -- ----- -- -- ----- ---
--------------------------------- -- -------
------------------------------------- -- ---------在这个例子中，我们创建了一个 Person 类，它有两个公共属性（name 和 age）和一个私有属性（private）。私有属性的键是一个 Symbol 值，只能在类内部访问和修改。
Symbol.iterator
除了上述用途外，ECMAScript 2017 还引入了一个特殊的 Symbol 值：Symbol.iterator。这个值用于定义一个对象的默认迭代器，使得该对象可以被 for...of 循环遍历。
例如，以下代码演示了如何使用 Symbol.iterator 定义一个迭代器：
----- -------- - -
------------------- -
--- - - --
------ -
------ -
-- -- - -- -
------ - ------ ---- ----- ----- --
- ---- -
------ - ----- ---- --
-
-
--
-
--
--- ------ ---- -- --------- -
------------------
-
-- -
-- -
-- -在这个例子中，我们创建了一个对象 iterable，并在其上定义了一个迭代器。迭代器是一个函数，它返回一个包含 value 和 done 属性的对象。在 for...of 循环中，我们遍历了这个对象，并输出了每个值。
总结
Symbol 是一种新的数据类型，用于表示独一无二的标识符。它可以用于解决对象属性冲突的问题，也可以用于定义私有属性和迭代器。在使用 Symbol 时，需要注意它是不可变的和不可重复的，因此需要小心使用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65df127f1886fbafa4c5aee9