随着 JavaScript 的不断发展，ES6 带来了新的特性和语法，其中包括了 Symbol，这是一种新的基本数据类型，在对象中可以作为属性名使用。ES6 将 Symbol 成为了一种原生的数据类型，就像 String、Number、Boolean 一样。Symbol 的出现，对于开发者来说是一个好消息，我们不再担心因为属性名发生冲突导致程序出错，同时也大大增强了代码的灵活性和可读性。
Symbol 和 Symbol.for 的区别
Symbol 和 Symbol.for 的主要区别在于 Symbol 创建的值是唯一的，而 Symbol.for 创建的值是在全局的 Symbol 注册表中记录的值。通常情况下，Symbol 的值是通过 Symbol 函数创建的，每一次创建的 Symbol 对象都是独立的，即使传入的参数是一样的。
--- -- - ------------ --- -- - ------------ -------------- --- ---- -- -----
每一次通过 Symbol 函数创建的值都会是一个新的值，不会出现值相等的情况，这也是 Symbol 的特性之一。
而 Symbol.for 则是通过在全局的 Symbol 注册表中查找或创建一个符符合给定的名称的 Symbol 值，若存在该名称的 Symbol 值，则直接返回该值，否则再次使用该名称创建一个新的 Symbol 值，将其作为该名称登记到全局的 Symbol 注册表中。
--- -- - ---------------- --- -- - ---------------- -------------- --- ---- -- ----
从上面的代码可以看出，通过 Symbol.for 创建的值，即使传入的参数相等，它们之间也是等于的，原因是它们指向的是全局的 Symbol 注册表中的同一个值。
使用场景
- 防止属性名冲突
由于每一个使用 Symbol 创建的属性，在对象中都是唯一的，因此它经常被用作对象属性名，可以有效地避免属性名的冲突。
----- --- - - ---------------- ------ ---------------- ----- -- ------------------------------ -- -- ----------------------------------------------- -- ------------- ------------
上面的代码中，obj 对象中定义了两个 Symbol 类型的属性，它们都是唯一的，并且返回它们需要使用专门的方法 Object.getOwnPropertySymbols。
- 定义类的私有方法或属性
在 ES6 中，除了将方法或属性设置为变量形式，JavaScript 并没有原生的私有概念。而使用 Symbol 可以为对象定义私有属性或方法，避免被外部访问。
----- ---- - --------------
----- ------- -
------------- -
---------- - ------
-
-------- -
------ -----------
-
-
----- --- - --- ----------
-------------------------- -- -----
---------------------- -- ---------在上面的代码中，我们使用了 Symbol 定义了私有属性 _foo，外部无法通过 obj._foo 访问到该属性。同时，我们获取属性值的方式也发生了变化，通过 this[_foo] 和 this.getFoo() 的方式可以获取到属性值。
- 定义常量
使用 Symbol 定义常量，可以有效地避免常量被覆盖的情况。
----- -- - ------------- ----- - - ------------ ----- -------- - - ----- -------- ---- -------- --
在上面的代码中，我们使用 Symbol 定义了常量 PI 和 E，它们都是唯一的，并且无法被覆盖，避免常量被修改的情况。
总结
Symbol 和 Symbol.for 是 ES6 中的新特性，通过它们我们可以定义唯一的属性名和值，有效地避免程序中出现属性名冲突的情况。同时，我们也可以使用 Symbol 定义私有属性、方法和常量，增强程序的灵活性和可读性。它们的使用场景不仅是前端开发，在其他开发领域也有着广泛的应用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64e010dcf6b2d6eab3b2d9ae