前言
Symbol 是 ECMAScript 2015 引入的全新的原始数据类型，用于表示独一无二的值。在 ECMAScript 2017 中，Symbol 对象有了更多的应用场景，本文将对 Symbol 对象进行详细的介绍和讲解，包含其在对象属性、迭代器和原生方法中的应用，以及实际案例的代码示例。
Symbol 对象的基本使用
在 ECMAScript 2015 中，我们可以通过 Symbol() 函数创建一个全局唯一的 Symbol 值。例如：
----- --- - --------- ----- --- - --------- --------------- --- ----- -- -----
从以上代码可以看出，每个使用 Symbol() 创建的 Symbol 值都是独一无二的，即使它们的名称相同。
在 ECMAScript 2017 中，还新增了一些预定义的 Symbol 值，这些 Symbol 值被称为“内置 Symbol 值”。这些值可以通过 Symbol 类型的属性访问，例如：
----------------------------- -- ----------------------- -------------------------------- -- -------------------------- ----- ------ - ------------------ -------------------- -- -----------
其中，Symbol.iterator 用于指定迭代器对象的方法，Symbol.toPrimitive 用于指定一个对象被转换为原始类型的方式。Symbol.for() 方法可以根据给定的字符串创建一个全局唯一的 Symbol 值。
Symbol 对象在对象属性中的应用
我们可以使用 Symbol 类型的值作为对象的属性名，从而创建一个独一无二的属性，如下所示：
----- --- - - ---------------- ----- -- ----------------------------------------------- -- - ----------- - -------------------------------- -- --------- ------------------------------------------------------- -- --- ------------------------------ -- --
从以上代码可以看到，我们可以使用 Symbol 类型的值作为对象的属性名，并且这个属性不会出现在对象的 keys() 方法返回的数组中，也不会被 for...in 循环遍历到。这种使用方法在定义一些内部属性、私有属性等场景中非常有用。
Symbol 对象在迭代器中的应用
在 ECMAScript 2015 中，我们可以通过实现一个具有 next() 方法的迭代器对象来实现可迭代的对象。在 ECMAScript 2017 中，我们可以使用 Symbol.iterator 内置 Symbol 值来指定一个迭代器对象的方法，如下所示：
----- --- - --- -- --- ----- -------- - ----------------------- ----------------------------- -- - ------ -- ----- ----- - ----------------------------- -- - ------ -- ----- ----- - ----------------------------- -- - ------ -- ----- ----- - ----------------------------- -- - ------ ---------- ----- ---- -
从以上代码可以看到，我们可以通过使用 Symbol.iterator 内置 Symbol 值来获取一个可迭代对象的迭代器对象。该迭代器对象具有 next() 方法，通过调用 next() 方法可以访问到可迭代对象的每一个元素。
Symbol 对象在原生方法中的应用
在 ECMAScript 2017 中，Symbol 对象被广泛应用在了一些原生方法中，如 Object.getOwnPropertySymbols()、Reflect.ownKeys() 和 Symbol.search 等方法，以及 String、RegExp、Array 等对象的原型方法中。
Object.getOwnPropertySymbols() 方法
Object.getOwnPropertySymbols() 方法用于获取一个对象所有的 Symbol 类型的属性名，例如：
----- --- - - ---------------- ------ ---------------- ----- -- ----------------------------------------------- -- - ------------ ----------- -
Reflect.ownKeys() 方法
Reflect.ownKeys() 方法用于获取一个对象所有的属性名，包括 Symbol 类型的属性名和字符串类型的属性名，例如：
----- --- - - ---------------- ------ ---------------- ------ ----- ------ ---- -- -- ---------------------------------- -- - ------------ ------------ ------- ----- -
Symbol.search 方法
Symbol.search 方法是字符串的原型方法，用于返回一个字符串中符合条件的子串的索引位置，例如：
----- --- - ------ ------- ----------------------------- -- - ----------------------------- -- - ----------------------------- -- --
从以上代码可以看到，Symbol.search() 方法被用于返回一个字符串中符合条件的子串的索引位置。
示例应用场景
下面，我们来看一个具体的实际场景，在一个对象数组中查找是否存在某一个对象，如果不存在则将其添加到数组中。代码如下所示：
----- --- - -
- ----- ------ ---- -- --
- ----- -------- ---- -- -
--
----- --- - - ----- ------- ---- -- --
----- ------ - --------------
--- ----- - ------
--- ---- - - -- - - ----------- ---- -
-- ------------ --- -------- -- ---------- --- -------- -
----- - -----
------
-
-
-- -------- -
----------- - -----
--------------
---------------- ------ --- ---- ----- -- --- -------- -----
- ---- -
---------------- ------ ------- ------ -- --- ---------
-从以上代码可以看到，我们使用 Symbol 类型的值作为扩展属性，以确保该属性不会与其它属性名称冲突。
总结
本文对 ECMAScript 2017 中的 Symbol 对象进行了详细的介绍和讲解，包含了其在对象属性、迭代器和原生方法中的应用场景和使用方法。Symbol 对象作为一种全新的原始数据类型，可以帮助开发者更好地进行代码设计和开发。在实际开发中，需要根据具体情况灵活运用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64cde9eab5eee0b5255dc748