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