在 JavaScript 中，对象属性是很方便的一种数据结构。我们可以通过将值赋给属性，然后在代码中引用这些属性。然而，使用属性时，我们必须小心，以免意外地覆盖了它们。ES6 引入了一种新的基本数据类型 Symbol，可以用来创建独特的属性，帮助我们避免这个问题。
了解 Symbol
在 JavaScript 中，Symbol 是一种新的基本数据类型。我们可以通过调用 Symbol() 来创建一个 Symbol 对象。每个 Symbol 对象都是唯一且不可变的。
下面是一个例子：
const mySymbol = Symbol(); const anotherSymbol = Symbol(); console.log(mySymbol === anotherSymbol); // false
使用 Symbol 创建属性
在对象中，我们通常使用字符串作为属性名。但是，字符串属性名易于被覆盖。使用 Symbol 创建属性，我们可以确保属性名不会被覆盖。
const obj = {};
const mySymbol = Symbol();
obj[mySymbol] = 'myValue';
console.log(obj[mySymbol]); // 'myValue'这里的 [mySymbol] 是对象访问属性的新语法。它允许我们使用 Symbol 作为属性名。
防止属性名冲突
因为每个 Symbol 对象都是唯一的，所以我们可以使用它们防止属性名冲突。
-- -------------------- ---- ------- ----- ---- - --- ----- -------- - --------- ----- ---- - --- ----- ------------- - --------- -------------- - ---------- ------------------- - --------------- ---------------------------- -- --------- --------------------------------- -- --------------
即使我们意外地使用了相同的 Symbol 变量名，这两个变量指向的包含属性的对象也是不同的。
防止属性名被误用
使用 Symbol 创建属性还可以防止属性名被误用。考虑下面的示例：
-- -------------------- ---- -------
----- --- - -
----- -------
---- ---
----- ---- ------
----- ---------- -
------------------ ------------- ---- ------------ ----- ---------------
-
--
-----------
-------- - -------
---------------------- -- ------在这个示例中，我们使用 info 属性来存储一个函数。但是，如果我们意外地将 info 赋值为一个字符串，那么函数就会被覆盖。使用 Symbol 创建属性可以解决这个问题。
-- -------------------- ---- -------
----- ---------- - ---------
----- --- - -
----- -------
---- ---
----- ---- ------
------------- ---------- -
------------------ ------------- ---- ------------ ----- ---------------
-
--
------------------
--------------- - -------
----------------------------- -- ----------现在，即使我们使用了一个错误的值，[infoSymbol] 属性仍然指向一个函数。
结论
Symbol 是一种新的基本数据类型，用于创建唯一且不可变的属性。使用 Symbol 创建属性可以帮助我们避免属性名冲突和属性被意外覆盖的问题。此外，使用 Symbol 创建属性还可以防止属性名被误用。希望这篇文章对你有所帮助。
示例代码
-- -------------------- ---- -------
----- -------- - ---------
----- --- - -
----- -------
---- ---
----- ---- ------
----------- ---------
--
--------------------------- -- ---------
----- ------------- - ---------
----- ---- - -
----------- --------
--
----- ---- - -
---------------- --------
--
---------------------------- -- --------
--------------------------------- -- --------
------------- - ---------------
--------------------------- -- --------------
----- ---------- - ---------
----- ---- - -
----- -------
---- ---
----- ---- ------
------------- ---------- -
------------------ ------------- ---- ------------ ----- ---------------
-
--
-------------------
---------------- - -------
------------------------------ -- ----------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f8e1b4c5c563ced5c3d9af