在 ES6 中，新增了一种原始数据类型 Symbol。Symbol 是独一无二的，不可变的数据类型，用于保证对象属性名的唯一性。本文将详细介绍 Symbol 数据类型的应用，并且说明其对前端开发的指导意义。
1. 创建 Symbol 对象
在 JavaScript 中，我们可以使用以下两种方式来创建 Symbol 对象：
// 方式一：使用 Symbol 函数
const symbol1 = Symbol();
const symbol2 = Symbol("key");
// 方式二：使用 Symbol.for 函数
const symbol3 = Symbol.for("key");其中，Symbol() 函数用于创建一个独一无二的 Symbol 对象，并且可以传入一个字符串参数作为 Symbol 的描述信息。Symbol.for() 函数则是创建一个可全局共享的 Symbol 对象。
2. Symbol 对象在对象属性中的作用
Symbol 的主要用途是作为对象属性名的唯一标识符，可以用来解决对象属性名冲突的问题，如：
const obj = {
[Symbol("name")]: "Tom",
age: 12
};
console.log(obj); // { Symbol(name): "Tom", age: 12 }以上代码中，Symbol("name") 创建了一个独一无二的 Symbol 对象，并将其作为对象的属性名，用来保存姓名信息。这样就可以避免属性名冲突的问题了。需要注意的是，使用 Symbol 创建的属性名是不能直接访问的，需要使用方括号语法来访问。
3. Symbol 对象在迭代器中的应用
ES6 中新增了一种数据结构叫做 Symbol.iterator，它是一个函数，用来返回一个对象的默认迭代器。这个迭代器用于定义对象的默认遍历方式，例如 for...of 循环中的遍历。
-- -------------------- ---- -------
----- --- - -
----- --- -- ---
------------------ ---------- -
--- ----- - --
----- ---- - -----
------ -
------ -
-- ------ - ----------------- -
------ -
------ -------------------
----- -----
--
- ---- -
------ -
------ ----------
----- ----
--
-
-
--
-
--
--- ------ ----- -- ---- -
------------------- -- - - -
-以上代码中，我们将一个普通对象添加了 Symbol.iterator 属性，并让其返回一个迭代器对象。这样，这个对象就可以使用 for...of 循环进行遍历了。
4. Symbol 对象在类定义中的应用
Symbol 对象也可以在类定义中作为私有属性进行使用，例如：
-- -------------------- ---- -------
----- ---- - -------------- -- --------
----- ------ -
----------------- ---- -
--------- - -----
---------- - ---- -- - --- ----- ----
-
-------- -
------ ----------- -- ------
-
-
----- --- - --- ------------- ----
---------------------- -- ---
---------------------- -- ---------
-------------------------- -- --以上代码中，我们使用 Symbol 创建了一个私有属性，并在构造函数中将 age 属性赋值给了这个私有属性。而在 getAge 方法中，我们通过访问这个私有属性来获取 age 属性的值。这样就实现了类似于 private 的作用。
5. 总结与思考
Symbol 是一个非常有用的数据类型，可以解决对象属性名冲突的问题，并且可以通过迭代器和类定义中的私有属性等方式进行运用。在使用 Symbol 时，需要注意其是不可遍历的，不能用于一些需要遍历对象属性的场景。Symbol 对象还有很多其他的应用场景，可以在实际开发中根据需要加以运用。
本文中的示例代码可以在浏览器环境下直接运行。读者可以在学习 Symbol 的同时，结合示例代码进行实际练习，深入理解其运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/649b947448841e9894857bf7