在前端开发中，面向对象编程已经成为了一种常见的编程范式。而在 JavaScript 中，我们可以使用构造函数和原型来实现面向对象的编程。但是，这种方式有一个缺点，就是容易出现属性名冲突的问题。为了解决这个问题，ES6 中引入了 Symbol 类型，它可以为属性赋予全局唯一的标识符，从而优化面向对象编程。
Symbol 的基本用法
Symbol 可以通过 Symbol() 函数来创建，例如：
----- -------- - ---------
上面的代码创建了一个全局唯一的 Symbol 对象 mySymbol。当我们需要给对象添加一个新的属性时，可以使用 Symbol 来作为属性名，例如：
----- -------- - --------- ----- --- - --- ------------- - -------- --------------------------- -- -- -------
这种方式创建的属性不会出现名称冲突的问题，因为每个 Symbol 实例都是全局唯一的。
Symbol 的高级用法
除了上面的基本用法外，Symbol 还有一些高级用法，可以优化面向对象编程。
使用 Symbol 实现私有属性
在 JavaScript 中，没有真正的私有属性，但是我们可以使用 Symbol 来模拟，例如：
----- ---- - ---------
----- ------ -
---------------- -
---------- - ----
-
--- ----- -
------ -----------
-
--- ----------- -
---------- - -------
-
-在上面的代码中，我们使用一个名为 _age 的 Symbol 作为私有属性，外部无法直接访问这个属性，必须通过 get 和 set 方法来访问。
使用 Symbol 实现迭代器
在 ES6 中，我们可以使用 Symbol.iterator 来实现迭代器，例如：
----- ----- -
------------------ ---- -
---------- - ------
-------- - ----
-
-------------------- -
--- ---- - - ----------- - -- --------- ---- -
----- --
-
-
-
--- ------ - -- --- -------- --- -
--------------- -- -- -- -- -- -
-在上面的代码中，我们使用 Symbol.iterator 来定义迭代器方法，这个方法返回一个生成器函数，每次迭代都会通过 yield 语句返回一个值。
Symbol 的注意事项
除了上面的用法外，还需要注意 Symbol 的一些事项。
Symbol 不是构造函数
Symbol 和其他引用类型不同，它不是构造函数，不能使用 new 关键字创建实例，例如：
----- -------- - --- --------- -- ---------- ------ -- --- - -----------
Symbol 不能被修改
Symbol 一旦创建，就不能修改其所代表的值。例如：
----- -------- - --------- -------- - --------- -- ---------- ---------- -- -------- ---------
Symbol 不是字符串
虽然 Symbol 本质上像字符串，但是它并不是字符串，不能完全替代字符串作为属性名。例如：
----- -------- - --------- ----- --- - - --------- ------- -- --------------------------- -- ---------
在上面的代码中，由于 obj 的属性名是 'mySymbol' 而不是实际的 Symbol，所以访问 obj[mySymbol] 得到 undefined。
总结
使用 ES6 中的 Symbol 可以优化面向对象编程，避免属性名冲突的问题，并可以通过高级用法实现一些有意思的功能。但是需要注意 Symbol 的一些特殊的语法和使用规则，才能充分利用它的优势。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6484072e48841e989433876f