在 ES6 中，我们已经见识过 Symbol 这个新的原始数据类型，它可以用来创建唯一的属性名。而在 ES7 中，Symbol 又有了更多的用途和功能，本文将介绍 Symbol 的高级技巧，帮助读者更好地掌握和使用它。
Symbol 的基本用法
Symbol 的基本用法在 ES6 中已经有了详细的介绍，这里简单回顾一下：
const mySymbol = Symbol();
const obj = {
[mySymbol]: 'value',
};
console.log(obj[mySymbol]); // 'value'Symbol 可以用作对象的属性名，这样就能够避免属性名冲突的问题。因为每个 Symbol 都是唯一的，所以即使两个对象都有一个名为 mySymbol 的属性，它们的实际属性名也是不同的。
Symbol 的高级用法
1. Symbol.iterator
在 ES6 中，我们已经见识过迭代器（Iterator）的概念，它是一个对象，可以按照一定规则遍历某个数据结构中的每个元素。而在 ES7 中，我们可以使用 Symbol.iterator 创建自定义的迭代器，从而更加灵活地遍历数据结构。
以数组为例，我们可以使用 Symbol.iterator 创建一个迭代器，实现对数组元素的反向遍历：
-- -------------------- ---- -------
----- --- - --- -- -- -- ---
-------------------- - --------- -- -
--- - - ----------- - --
----- -- -- -- -
----- --------
----
-
--
--- ------ ---- -- ---- -
------------------ -- - - - - -
-上述代码中，我们先将数组 arr 的 Symbol.iterator 属性赋值为一个生成器函数，该函数可以按照一定规则遍历数组元素。然后，使用 for...of 循环遍历数组，此时会自动调用数组的迭代器。
2. Symbol.species
在 ES6 中，一些数据结构，如数组、Map、Set 等，都提供了一些静态方法，用于创建新的实例对象。而在 ES7 中，我们可以使用 Symbol.species 属性，自定义这些静态方法创建的实例对象的构造函数。
以数组的 slice 方法为例，我们可以使用 Symbol.species 属性，指定 slice 方法创建的新数组实例的构造函数为 MyArray：
class MyArray extends Array {
static get [Symbol.species]() {
return MyArray;
}
}
const arr = new MyArray(1, 2, 3, 4, 5);
const newArr = arr.slice(1, 3);
console.log(newArr instanceof MyArray); // true上述代码中，我们先定义了一个 MyArray 类，该类继承自原生的 Array 类。然后，使用 Symbol.species 属性，指定 slice 方法创建的新数组实例的构造函数为 MyArray。最后，我们创建了一个 MyArray 类的实例 arr，调用其 slice 方法创建了一个新数组实例 newArr，此时 newArr 的构造函数为 MyArray。
3. Symbol.match 和 Symbol.replace
在 ES7 中，字符串对象也提供了两个新的 Symbol 属性：Symbol.match 和 Symbol.replace。通过重写这两个属性，我们可以自定义字符串的匹配和替换规则。
以 Symbol.replace 为例，我们可以使用它自定义字符串的替换规则：
-- -------------------- ---- -------
----- --- - ------ -------
------------------- - -------- ------- ------------ -
----- ----- - --------------------
-- ------ --- --- -
------ ------------- ------ - ----------- - ---------------- - --------------
-
------ -----
--
-------------------------------- --------- -- ------ -----上述代码中，我们先定义了一个字符串 str，然后使用 Symbol.replace 属性重写了其 replace 方法。在自定义的 replace 方法中，我们按照一定规则替换字符串中的某个子串。最后，我们调用 str 的 replace 方法，此时会自动调用我们自定义的 replace 方法。
总结
本文介绍了 Symbol 的高级技巧，包括自定义迭代器、自定义静态方法创建实例对象的构造函数、自定义字符串的匹配和替换规则等。这些技巧可以帮助读者更好地掌握和使用 Symbol，写出更加灵活和高效的代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/661a0011d10417a222ac1386