什么是 Symbol？
Symbol 是 ECMAScript 6 中新增的数据类型，它在语言层面上，为对象的属性提供了一种唯一且不可变的方式。
Symbol 值是通过 Symbol 构造函数创建的，例如：
----- - - ----------------
这里，s 是一个 Symbol 值，'hello' 是这个 Symbol 值的描述。
Symbol 值在每次调用时都会创建新的值，因此它们是唯一的。
如何使用 Symbol
Symbol 值可以用作对象属性的键，例如：
----- --- - --- ----- ---- - --------------- --------- - ------- ----------------------- -- ---------
这里，我们使用一个 Symbol 值作为对象属性的键。由于每个 Symbol 值都是唯一的，因此可以避免属性名冲突的问题。
Symbol 常见应用
1. 元编程
在 JavaScript 中，元编程是一种编程模式，它允许程序在运行时操作程序本身。
通过 Symbol，我们可以为对象添加或修改一些元信息。例如：
----- --- - -------------- ----- --- - --- -------- - ------ ---------------------- -- --------
在这里，我们使用 Symbol 作为对象属性的键。由于 Symbol 值是唯一的，我们可以安全地使用它们来为对象添加元信息。
2. 创建常量符号
常量符号是不能修改值的符号。在 JavaScript 中，Symbol 常常用来作为常量符号。例如：
----- -- - ------------- ----- ------------ - -------- -- - ------ -- - ------ - ------- --
在这里，我们使用 Symbol 值作为常量符号 PI。由于 Symbol 值是唯一的，我们可以防止其他代码误修改它的值。
3. 避免属性名冲突
由于每个 Symbol 值是唯一的，我们可以使用不同的 Symbol 值作为对象属性的键来避免属性名冲突的问题。例如：
----- --------- - -------------------- ----- -------- - ------------------- ----- ------ - - ------------ ------- ----------- ------ -- ------------------------------- -- --------- ------------------------------ -- --------
在这里，我们使用不同的 Symbol 值作为对象属性的键来避免了属性名冲突的问题。
可迭代对象与迭代器
1. 可迭代对象
可迭代对象（Iterable）是指那些可以被迭代的对象，例如 Array、Map 和 Set 都是可迭代对象。
在 ES6 中，可迭代对象必须实现一个 Symbol.iterator 方法，该方法返回一个迭代器（Iterator）对象。
例如，以下代码中的数组就是一个可迭代对象：
----- --- - ----- ---- ----- ----- ---- - ----------------------- ------------------------- -- ---------- ---- ----- ------ ------------------------- -- ---------- ---- ----- ------ ------------------------- -- ---------- ---- ----- ------ ------------------------- -- ---------- ---------- ----- -----
在上面的代码中，我们调用了数组的 Symbol.iterator 方法，从而得到了一个迭代器对象。使用迭代器，我们可以依次访问数组的元素。
2. 迭代器
迭代器（Iterator）是一个带有 next 方法的对象，该方法每次迭代返回一个包含 value 和 done 两个属性的对象。
迭代器对象可以用于遍历可迭代对象，例如以下代码中的迭代器对象可以遍历一个数组：
----- --- - ----- ---- ----- ----- ---- - ----------------------- --- --- - ------------ ----- ----------- - ----------------------- --- - ------------ -
在上面的代码中，我们通过遍历迭代器来遍历数组。每次调用迭代器的 next 方法，我们就可以得到数组的下一个元素。
Symbol 示例代码
我们可以写一个可迭代对象，通过 Symbol.iterator 方法返回一个迭代器，来遍历该对象。以下是示例代码：
----- ---------- - --- --------------------------- - --------- -- - ----- -- ----- -- ----- -- -- --- ------ --- -- ----------- - ----------------- - -- --- -- - -- - -- -
代码中，我们定义了一个对象 myIterable，并通过 Symbol.iterator 方法返回了一个迭代器对象。迭代器对象是一个生成器函数，每次调用 yield 关键字返回下一个值。
通过 for...of 遍历迭代器，我们可以依次遍历生成器函数返回的值。
总结
Symbol 是 ECMAScript 6 中新增的数据类型，它在语言层面上，为对象的属性提供了一种唯一且不可变的方式。
Symbol 常用来作为元编程、常量符号和避免属性名冲突的工具。
我们可以创建可迭代对象与迭代器，通过遍历迭代器的方式来遍历对象的元素。
学习 ES6 中的 Symbol，对于深入理解 JavaScript 的语言特性与应用场景有着重要的指导意义。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651f51d995b1f8cacd6e6bb9