ECMAScript 2018 给 JavaScript 带来了一些新的特性，其中一个是 Symbol.species 属性。Symbol.species 是一个内置的符号，可以用来指定创建衍生对象时应该使用的构造函数。
在本文中，我们将深入探讨 Symbol.species 的使用技巧，并提供一些示例代码，以便您更好地了解如何在您的前端项目中加以应用。
Symbol.species 简介
首先我们来看一下 Symbol.species。它是一个内置符号，主要作用是允许对象继承自己的类，并且在创建派生对象时使用不同的构造函数。
在构造函数中，Symbol.species 属性可以用来覆盖默认的派生构造函数。例如，我们可以在派生的 Map 构造函数中使用：
class MyMap extends Map {
static get [Symbol.species]() {
return Map;
}
// ...
}在上面的代码中，我们覆盖了默认构造函数，把 Symbol.species 设为 Map，这样创建派生对象时就会使用创建 Map 实例的构造函数。
Symbol.species 的使用技巧
使用 Symbol.species 的主要目的是提供灵活性和可扩展性。当我们需要创建派生对象时，使用 Symbol.species 可以让我们指定不同的构造函数，这使得我们能够轻松地扩展和定制对象的行为。
下面是一些使用 Symbol.species 的技巧：
1. 通过覆盖 Symbol.species 属性来创建自定义类型的派生对象
通过使用覆盖 Symbol.species 属性，可以轻松地创建自定义类型的派生对象。例如，我们可以创建一个 Set 的子类，并且覆盖 Symbol.species 属性以使用该子类创建派生对象：
class MySet extends Set {
static get [Symbol.species]() {
return MySet;
}
// ...
}这样，当我们创建派生对象时，就会使用 MySet 类的构造函数来创建它。这个方法可以让我们轻松地创建新的、定制化的派生类。
2. 使用 Symbol.species 创建不可修改的对象
在一些情况下，我们可能想要创建不可修改的对象，这时使用 Symbol.species 可以很方便地实现。
-- -------------------- ---- -------
----- -------------- ------- ----- -
------ --- ------------------ -
------ ------
-
-- ---
-
--- ---- - --- ----------------- -- ---
--- ---- - ---------- -- - - ---
------------------ -- -------------- --- -- --
------------------ -- ----- --- -- --在上面的代码中，我们通过创建 ImmutableArray 类并覆盖 Symbol.species 属性来创建一个不可修改的数组对象。这个类的实例 arr1 不会被改变，而 arr2 将创建一个普通的可修改的数组。
3. 实现支持 AsyncIterable 的集合类型
如果我们想实现一个支持 AsyncIterable 协议的集合类型，那么 Symbol.species 就非常有用了。
-- -------------------- ---- -------
----- -------- ------- --- -
------ --- ------------------ -
------ ---------
-
----- ------------------------- -
--- ---- --- -- -- ----- -
----- --- ----- ---
-
-
-在上面的代码中，我们创建一个 AsyncMap 类并覆盖 Symbol.species 属性。此外，我们还使用了 *Symbol.asyncIterator 方法来实现异步遍历器。这样，我们就可以轻松地创建支持 AsyncIterable 协议的集合类型。
总结
在本文中，我们学习了 Symbol.species 的作用和使用技巧。通过使用 Symbol.species 属性，我们可以提供灵活性和可扩展性，在创建派生对象时使用不同的构造函数，以实现定制化的对象行为。
在 JavaScript 开发中，Symbol.species 有着广泛的应用，例如：创建自定义类型的派生对象、实现支持 AsyncIterable 协议的集合类型等。希望通过本文，您能更深入地了解 Symbol.species，并将其应用于您的前端项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65b392a5add4f0e0ffca0b6c