在 ES6 中，新增了一种数据类型，即 Symbol 类型。Symbol 类型的引入为解决 JavaScript 中属性名冲突问题带来了便利，也为 JavaScript 中的一些常见问题提供了更好的解决方案。
Symbol 类型的基本概念
Symbol 类型是 JavaScript 中新增的一种基本数据类型，表示一个独一无二的值。在创建 Symbol 类型时，可以传入一个字符串作为参数，该字符串是 Symbol 类型值的描述（也称为 Symbol 注释）。但是，该描述并不会对该 Symbol 类型值产生影响，其作用仅仅是为了方便调试和描述。
下面是创建 Symbol 类型的示例代码：
const symbol1 = Symbol();
const symbol2 = Symbol('symbol2');Symbol 类型的应用场景
1. 解决属性名冲突问题
在 JavaScript 中，可能存在多个相同名称的属性导致冲突的问题。为避免这种情况的发生，可以使用 Symbol 类型作为属性的键名，确保每一个属性键名都是独一无二的。
下面是使用 Symbol 类型作为属性键名的示例代码：
const symbol3 = Symbol();
const obj = {
[symbol3]: 'value'
};
console.log(obj[symbol3]); // "value"在上面的示例代码中，使用 Symbol 类型作为属性键名，我们可以确保属性键名独一无二，不会和其他属性键名产生冲突。
2. 创建对象的私有属性和方法
在 JavaScript 中，没有像其他编程语言一样的私有属性和方法的概念。但是，使用 Symbol 类型作为属性键名，则可以模拟出私有属性和方法的效果。
下面是使用 Symbol 类型模拟私有属性和方法的示例代码：
-- -------------------- ---- -------
----- ------ - --- -- -
----- ---- - ---------------
----- ------ -
------------------ -
---------- - ------
-
--------- -
------ -----------
-
-
------ -------
-----
----- - - --- --------------
--------------------- -- -----
------------------------- -- -----在上面的示例代码中，使用 Symbol 类型作为属性键名，可以确保该属性不会被外部访问。在 Person 类的 getName 方法中，使用该私有属性，就可以从外部获取该属性的值。
3. 扩展对象的内置方法
通过使用 Symbol 类型，可以扩展内置对象的方法，从而达到改写内置方法的目的。
下面是使用 Symbol 类型扩展内置对象的方法的示例代码：
-- -------------------- ---- -------
----- ---- - --- -- ---
----- ---- - -
-- --
-- --
-- -
--
----- ------- - -------------------
------------- - ---------- -
--- - - --
------ -
----- -- -- -
------ -
------ ----------
----- - - -----------
-
-
-
--
------------- - ---------- -
----- ---- - ------------------
--- - - --
------ -
----- -- -- -
------ -
------ ----------------
----- - - -----------
-
-
-
--
--- ---- ----- -- ----- -
------------------- -- - - -
-
--- ---- ----- -- ----- -
------------------- -- - - -
-在上面的示例代码中，通过给 obj1 和 obj2 对象赋值使用 Symbol 类型的方法，我们扩展了 Array 和 Object 的内置方法，使其可以像可迭代对象一样使用 for...of 循环进行遍历。
总结
Symbol 类型是 JavaScript 中新增的一种数据类型，它的主要作用是为解决 JavaScript 中属性名冲突问题提供了一个更好的解决方案。除此之外，它还可以用来创建对象的私有属性和方法，以及扩展内置对象的方法。熟练掌握 Symbol 类型的应用场景，可以更好地为我们在前端开发中解决常见问题，提高代码的质量和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d363f3b5eee0b525aff4ac