Symbol 是 ECMAScript 2015 以后引入的新数据类型，它可以定义独一无二的属性名，用来解决属性名冲突的问题。Symbol 在 ES2017 中有了更多的应用场景，本篇文章将详细介绍如何在 ECMAScript 2017 中正确使用 Symbol 数据类型。
一、Symbol 的基本用法
使用 Symbol 时，我们需要注意以下几点：
Symbol 不能使用 new 运算符，否则会报错。
Symbol 需要一个参数作为其描述，这个描述并不是一定能被访问到的。
Symbol 是一种基本数据类型，可以与其他数据类型区分开来。
Symbol 定义的属性不能使用点运算符访问，需要使用方括号运算符。
下面是一个简单的 Symbol 示例，定义了两个 Symbol 类型的属性名，并将其挂载到一个对象上：
-- -------------------- ---- ------- ----- --- - --- ----- ---- - --------------- ----- ---- - --------------- --------- - ------- --- --------- - ------- --- ---------------------- -- -- ------ - ---------------------- -- -- ------ -
二、Symbol 迭代器
在 ES2015 中，我们可以使用 Symbol.iterator 来定义一个迭代器，用来遍历数组或类数组对象。在 ES2017 中，新增了一个 Symbol 类型的属性，即 Symbol.asyncIterator，用来定义异步迭代器。
下面是一个简单的使用异步迭代器的例子：
-- -------------------- ---- -------
----- ------------- - -
----------------------- ----- --------- --------------- -
----- -------------------
----- -------------------
----- -------------------
-
--
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----三、Symbol.hasInstance
Symbol.hasInstance 用来重写 instanceof 运算符，在某些特定情况下判断实例是否属于类的实例。下面是一个例子：
class Validator {
static [Symbol.hasInstance](value) {
return typeof value === 'string';
}
}
console.log('abc' instanceof Validator) // 输出 true四、Symbol.match 和 Symbol.replace
Symbol.match 和 Symbol.replace 分别用于重写字符串的 match 和 replace 方法。下面是一个添加小数点的例子：
const replaceDots = {
[Symbol.replace](str) {
return str.replace(/\d{1,3}(?=(\d{3})+(?!\d))/g, '$&.')
}
};
console.log('123456789'.replace(replaceDots)) // 输出 123.456.789五、Symbol.toPrimitive
Symbol.toPrimitive 用于指定对象转换为原始类型（Number、String、Boolean）时的行为。下面是一个将对象转换为数字的例子：
-- -------------------- ---- -------
----- --- - -
-------------------------- -
-- ----- --- --------- -
------ ---
-
------ -----
-
--
----------------- -- -- --六、Symbol.toStringTag
Symbol.toStringTag 用于指定对象默认的字符串描述，一般用于自定义对象类型，方便调试。下面是一个例子：
class Person {
get [Symbol.toStringTag]() {
return 'Person';
}
}
console.log(Object.prototype.toString.call(new Person())) // 输出 [object Person]七、Symbol.species
Symbol.species 用于指定创建派生对象时应该使用的构造函数，用于解决继承过程中的一些问题。下面是一个简单的继承例子：
-- -------------------- ---- -------
----- ------- ------- ----- -
------ --- ------------------ -
------ ------
-
-
----- - - --- ---------- -- ---
----- - - ------- -- - - ---
------------- ---------- --------- -- -- -----
------------- ---------- ------- -- -- ----Symbol.species 可以确保派生对象的类型正确，避免一些无法预料的问题。
八、总结
本文介绍了 ECMAScript 2017 中 Symbol 数据类型的使用方法和常见场景。Symbol 是一种非常强大的数据类型，它可以在重写 JS 原生方法、迭代器等方面发挥重要作用。我们可以根据需要，灵活运用 Symbol ，优化我们代码的实现，提高代码的可读性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6461a22b968c7c53b02fc2e3