在 ES6 中，引入了一些新的集合类型，如 Set 和 Map。这些集合类型提供了一种非常方便的方式来存储和管理数据，但是它们并不总是满足我们的需求。在 ES10 中，引入了一个新的属性 Symbol.species，它允许我们创建自定义集合类型，以满足我们的特定需求。
Symbol.species 的作用
Symbol.species 是一个新的内置符号属性，它可以用于自定义集合类型的构造函数中。它的作用是指定一个函数，当集合类型需要创建一个新的实例时，就会调用这个函数来创建实例。这个属性可以用来解决一些集合类型的继承问题，例如 Set 和 Map。
在 ES6 中，我们可以使用继承来创建自定义集合类型。例如，我们可以创建一个 MySet 类，继承自 Set 类：
class MySet extends Set {
constructor(...args) {
super(...args);
}
}这个 MySet 类继承了 Set 类的所有方法和属性，但是它并没有解决 Set 类的一个问题：当我们使用 Set 类的方法，例如 add 或 delete，它返回的是 Set 类的实例，而不是 MySet 类的实例。这就导致了一些问题，例如无法链式调用 MySet 类的方法。
这个问题可以通过 Symbol.species 属性来解决。
使用 Symbol.species 创建自定义集合
我们可以通过指定 Symbol.species 属性来创建自定义集合类型。例如，我们可以创建一个 MySet 类，它继承自 Set 类，并且使用 Symbol.species 属性来指定它的构造函数：
class MySet extends Set {
static get [Symbol.species]() {
return Set;
}
}在这个例子中，我们指定了 MySet 类的 Symbol.species 属性为 Set 类。这意味着当 MySet 类的方法需要创建一个新的实例时，它将调用 Set 类的构造函数来创建实例。
现在，我们可以使用 MySet 类的方法，并且它将返回 MySet 类的实例，而不是 Set 类的实例：
const mySet = new MySet(); mySet.add(1).add(2).add(3); // 可以链式调用 MySet 类的方法 console.log(mySet instanceof MySet); // true
深入理解 Symbol.species
Symbol.species 属性不仅仅是用来创建自定义集合类型的。它还可以用来解决一些集合类型的继承问题。
例如，在 ES6 中，Map 类和 Set 类都有一个 entries 方法，它返回一个包含所有元素的迭代器。这个迭代器返回的是一个键值对数组，其中键和值分别是 Map 或 Set 中的元素。但是，这个键值对数组是一个普通的数组，而不是 Map 或 Set 类的实例。
这个问题可以通过 Symbol.species 属性来解决。例如，我们可以创建一个 MyMap 类，它继承自 Map 类，并且使用 Symbol.species 属性来指定它的构造函数：
class MyMap extends Map {
static get [Symbol.species]() {
return Map;
}
}现在，当我们调用 MyMap 类的 entries 方法时，它返回的是 MyMap 类的实例，而不是一个普通的数组：
const myMap = new MyMap();
myMap.set('a', 1).set('b', 2).set('c', 3);
const entries = myMap.entries();
console.log(entries instanceof MyMap); // true总结
Symbol.species 是一个非常有用的属性，它允许我们创建自定义集合类型，并且解决一些集合类型的继承问题。在实际开发中，我们可以使用 Symbol.species 属性来创建满足特定需求的集合类型，以提高代码的可读性和可维护性。
示例代码：
-- -------------------- ---- -------
----- ----- ------- --- -
------ --- ------------------ -
------ ----
-
-
----- ----- - --- --------
---------------------------
----------------- ---------- ------- -- ----
----- ----- ------- --- -
------ --- ------------------ -
------ ----
-
-
----- ----- - --- --------
-------------- ----------- ----------- ---
----- ------- - ----------------
------------------- ---------- ------- -- ----来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660686d8d10417a2224d3676