随着前端技术的发展，JavaScript 也在不断升级。ES9 是 ECMAScript 标准发布的最新版本，其中引入了 Symbol 类型。Symbol 类型和其他基本类型（如数字和字符串）一样，也有其独特的用处。本文将介绍 ES9 中 Symbol 的应用及其优势，旨在为前端开发者提供深入的学习和指导意义。
什么是 Symbol？
Symbol 是一种基本数据类型，用于表示独一无二的值。每个使用 Symbol 构造函数创建的 Symbol 值都是唯一的，不同于其他类型的值可以相等。这个特性为 Symbol 提供了一个完美的应用场景：创建对象的属性名。
在 ES9 之前，我们创建对象属性时通常使用字符串。例如：
const person = {};
person.name = 'Alice';这里，我们使用字符串 'name' 作为对象属性名。但是，由于字符串是可以相等的，这种创建属性名的方法有许多潜在的问题。例如，我们可以在不知道属性名的情况下，无意中覆盖了一个已经存在的属性：
const person = {};
person.name = 'Alice';
person['name'] = 'Bob'; // 无意中覆盖了 name 属性的值为了避免这样的问题，ES9 引入了 Symbol 数据类型以供创建对象属性名。下面是一个使用 Symbol 的例子：
const person = {};
const name = Symbol();
person[name] = 'Alice';Symbol 可以确保我们创建的属性名是唯一的。这意味着无论如何，我们都不可能意外覆盖已经存在的属性。还可以传递一个可选参数给 Symbol 构造函数，用于设置属性名的描述信息：
const name = Symbol('person name');Symbol 的应用
除了上述创建对象属性名的用途之外，Symbol 还可以用于以下场景：
唯一键
由于每个 Symbol 值都是唯一的，它们可以作为对象的唯一键。这为我们提供了一种在对象中存储非字符串值的方法。例如：
const person = {
[Symbol('name')]: 'Alice'
};这里，我们使用一个 Symbol 作为属性名来存储人名。尽管该属性的名称不是字符串，但我们仍然可以通过对象的访问方法来获得它的值：
const name = Object.getOwnPropertySymbols(person)[0]; console.log(person[name]); // 输出 'Alice'
私有成员
Symbol 还可以用于创建类的私有成员，以及防止其它代码意外地修改对象的属性。例如，我们可以使用 Symbol 创建一个私有成员：
-- -------------------- ---- -------
----- -------- - ----------- -
----- ------------- - ------------------
------ ----- -
------------- -
------------------- - -------- -------
-
------------------ -
------ --------------------
-
--
-----这里，我们在闭包中创建了一个新的 Symbol 用于存储对象的私有成员。随后，我们创建了一个类来封装对象的数据和行为。注意到 privateMember 被作为一个属性名使用，但它是一个 Symbol，因此可以确保不会干扰到其他的属性。
迭代器
Symbol 还可以用于创建对象的迭代器。迭代器是一个对象，它通过 next 方法返回一个序列中的下一个值，直到序列耗尽为止。我们可以使用 Symbol 创建一个迭代器：
-- -------------------- ---- -------
----- ---------- - ----------- -
----- -------------- - -------------------
------ ----- -
------------- -
---------- - ---
-
------------- -
----------------------
-
------------------ -
--- ----- - --
----- ----- - -----------
------ -
------ -
-- ------ - ------------- -
------ - ------ --------------- ----- ----- --
- ---- -
------ - ----- ---- --
-
-
--
-
--
-----这里，我们首先创建了一个 Symbol，它代表迭代器的方法。接着，我们创建了一个类 MyIterable，它包含了一个数组 items 和一个方法 addItem，用于往数组添加元素。最后，我们实现了一个 [iteratorSymbol] 方法，它返回一个迭代器对象。
Symbol 的优势
Symbol 类型与其他基本类型（数字、字符串、布尔值）不同，它在内存中是唯一的。这使得 Symbol 有许多优点：
确保属性名唯一
作为对象属性名的 Symbol 确保了属性名是唯一的。它的创建方式（使用 Symbol 构造函数）与字符串不同，这意味着我们不可能意外覆盖属性。这也意味着，即使两个变量引用相同的 Symbol 值，它们也不相等。
直接访问 Symbol 属性
当我们使用 Symbol 作为属性名时，我们不能像访问字符串一样使用点号访问它们。相反，我们必须使用 Object.getOwnPropertySymbols 方法来返回对象的 Symbol 属性。
隐藏实现细节
由于 Symbol 是用于创建私有成员的理想选项，它可以隐藏对实现细节的访问。对外部代码来说，这些成员是不可访问的，这为我们提供了更好的封装。
可迭代性
Symbol 可以作为对象的迭代器使用，这为创建迭代器提供了一个标准的方式。由于对象的迭代器方法是 Symbol 类型，因此可以确保不会与对象的其他属性冲突。
总结
ES9 中引入的 Symbol 数据类型可以用于创建独一无二的属性名、唯一键、私有成员和迭代器。它的使用方式与其他基本类型不同，但是提供了许多优势，例如保证属性名唯一和隐藏实现细节。JavaScript 的持续发展跟进让开发者拥有了更多新技术、语法糖辅助开发，为开发带来更方便、高效、安全的开发方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648bfab648841e9894a4440c