ES9 中的 Symbol.species 解决继承问题

在前端开发中，继承是一个非常基础且重要的概念。在 ES6 中，我们可以使用 class 和 extends 关键字来实现继承，但是在继承过程中，有些问题会出现。

例如，在一个自定义的 Array 类中，我们希望对 sort 方法进行改写。我们可以使用继承实现这个目标，但是问题是，我们在继承后的 sort 方法中需要使用父类的 Array 类型进行操作，而不是继承后的子类自身。

在 ES9 中，我们可以使用 Symbol.species 解决这个问题。

什么是 Symbol.species？

Symbol.species 是 ES9 中新增的一个函数原型属性，用于指定在创建派生对象时使用的构造函数。它的作用是让派生类中的方法返回指定的构造函数类型的实例对象，而不是继承类的实例。

如何使用 Symbol.species？

在继承过程中，我们可以使用 Symbol.species 来指定子类中需要创建的实例对象的构造函数。举个例子，我们可以使用以下代码来实现上述的 Array 类的例子：

class CustomArray extends Array {
  static get [Symbol.species]() { return Array; }
  
  sort() {
    const newArray = new CustomArray(...this);
    return newArray.reverse();
  }
}

在这个代码中，我们重写了 sort 方法，让它返回 CustomArray 类型的实例。我们使用了 Symbol.species 来指定在创建 CustomArray 类实例时使用的构造函数为 Array，而不是 CustomArray 类自身。

总结

在继承过程中，我们经常会遇到需要返回指定类型的实例对象的情况。在 ES9 中，我们可以使用 Symbol.species 来指定子类中需要创建的实例对象的构造函数。这个新特性让我们能够更加灵活地处理继承过程中的问题，并提高代码的可读性和可维护性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648e68a448841e9894cc3ee4