Symbol 是 ES6 中引入的一种新类型的数据结构，它是一种独特不可变的数据类型，其生成的每个值都是唯一且不可变的。而 ES7 中进一步加强了 Symbol 类型，为开发者带来了更多的便利，可以帮助我们更好地实现一些复杂功能。在本文中，我将详细讲解 Symbol 类型的应用及其在实际项目中的使用。
Symbol 解决的问题
在 ES5 中，对象的属性名只能是字符串类型，当我想要为一个对象添加一个新属性时，只能使用字符串作为属性名。但是，属性名相同的情况下，它们实际上是一个属性，因此很容易导致属性名冲突的问题。比如我们可能会定义这样的对象：
var obj = {
id: 1,
id: 2
}在 ES5 中，这样的定义是可以通过的，但是它会导致 obj.id 的值一直为 2，这种情况显然是不符合我们预期的。
使用 Symbol 就可以避免这种问题的产生，因为每个 Symbol 的值是唯一且不可变的，所以即使我们为不同的属性赋值相同的 Symbol 对象，它们也是不同的属性。
Symbol 的基本用法
在 ES6 中我们可以使用如下的语法来创建 Symbol 对象：
let s = Symbol();
我们也可以给 Symbol 对象传入一个描述信息，用于区分不同的 Symbol 对象：
let s1 = Symbol('foo');
let s2 = Symbol('bar');Symbol 对象可以作为对象属性名使用：
let s = Symbol();
let obj = {};
obj[s] = 'hello!';
console.log(obj[s]); // "hello!"Symbol 的实际应用
1. 创建私有属性
在 JavaScript 中本来没有所谓的私有属性，所有属性都是公有的，可以被外部访问。但是在 ES6 中，我们可以使用 Symbol 来模拟私有属性。
-- -------------------- ---- -------
--- ------- - --------- -- -
--- ----- - ---------
----- ------ -
----------------- -
----------- - -----
-
--------- -
------ ------------
-
-
------ -------
-----
--- - - --- ----------------
------------------------- -- ------
--------------------- -- ---------上述代码中，我们创建了一个类 Person，其中构造函数的参数 name 被存储在 _name 这个 Symbol 对象对应的属性上。由于 Symbol 类型的属性不能被直接引用，因此 _name 的值实际上是私有的。
2. 使对象可以被迭代
在 JavaScript 中，我们可以使用 for...in 循环遍历对象的属性。但是在某些情况下，我们需要遍历的属性并不包括对象原型链上的属性，这时候可以使用 ES6 中的 Object.getOwnPropertySymbols 方法来获取对象自身的 Symbol 属性。示例如下：
let obj = {
[Symbol('name')]: 'Tom',
age: 24
};
let symbols = Object.getOwnPropertySymbols(obj);
console.log(symbols.length); // 1
console.log(symbols[0]); // Symbol(name)上述示例中，我们定义了一个对象 obj，其中包含了一个 Symbol 属性和一个普通属性。使用 Object.getOwnPropertySymbols(obj) 方法可以获取对象自身的 Symbol 属性，该方法返回一个数组，其中包括了对象的所有 Symbol 属性。
3. 为类实现迭代器
在实际项目中，我们经常需要对数据进行迭代，ES6 引入的迭代器（Iterator）接口就可以帮助我们实现这一过程。而使用 Symbol.iterator 属性可以为类实现迭代器接口。示例如下：
-- -------------------- ---- -------
----- ----- -
------------------ ---- -
---------- - ------
-------- - ----
-
-------------------- -
--- ---- - - ----------- - -- --------- ---- -
----- --
-
-
-
----- - - --- -------- ---
--- ------ - -- -- -
--------------- -- -- -- -- -- -
-上述代码中，我们定义了一个 Range 类，该类包含了一个 *[Symbol.iterator] 方法，该方法通过 for...of 循环返回了一个数值序列。这样，我们就可以通过 for...of 循环来遍历 Range 对象中的所有数值。
总结
本文主要介绍了 Symbol 类型的应用及其在实际项目中的使用。Symbol 类型可以帮助我们避免属性名冲突的问题，同时还可以用于创建私有属性、为对象实现迭代器等功能。在实际开发中，使用 Symbol 类型可以让我们更好地组织和管理代码，提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646af732968c7c53b0a6bb55