在 ECMAScript 2015 中，引入了 Symbol 类型，它是一种新的原始数据类型，用于创建唯一的标识符。随着 ECMAScript 的不断发展，新的版本不断推出，ECMAScript 2019 也不例外。在 ECMAScript 2019 中，新增了 Symbol.species 属性，用于指定在派生类中使用的构造函数。
问题背景
在 JavaScript 中，派生类可以通过继承来自父类的构造函数来创建新的实例。例如，我们可以创建一个名为 Animal 的父类和一个名为 Dog 的子类，如下所示：
class Animal {
constructor(name) {
this.name = name;
}
}
class Dog extends Animal {
bark() {
console.log(`Woof! My name is ${this.name}.`);
}
}在上面的代码中，Dog 类继承了 Animal 类，并且添加了一个新的方法 bark。我们可以使用以下代码来创建一个新的 Dog 实例：
const dog = new Dog('Fido');
dog.bark(); // 输出 "Woof! My name is Fido."在上面的例子中，我们使用了 Dog 类的构造函数来创建一个新的实例。但是，在某些情况下，我们可能需要在派生类中使用一个不同的构造函数来创建实例。例如，我们可以创建一个名为 Poodle 的子类，它使用一个不同的构造函数来创建实例：
class Poodle extends Dog {
constructor(name, cuteness) {
super(name);
this.cuteness = cuteness;
}
}在上面的代码中，我们创建了一个名为 Poodle 的子类，它继承了 Dog 类，但使用了一个不同的构造函数来创建实例。现在，我们可以使用以下代码来创建一个新的 Poodle 实例：
const poodle = new Poodle('Fluffy', 10);
poodle.bark(); // 输出 "Woof! My name is Fluffy."
console.log(poodle.cuteness); // 输出 10在上面的例子中，我们使用了 Poodle 类的构造函数来创建一个新的实例。但是，如果我们调用 Dog 类的方法，它将返回一个 Dog 实例，而不是 Poodle 实例。这是因为 Dog 类在调用继承自 Animal 类的构造函数时，使用的是 Dog 类的构造函数。这意味着在创建实例时，使用的是 Dog 类的构造函数，而不是 Poodle 类的构造函数。
解决方案
为了解决上述问题，ECMAScript 2019 引入了 Symbol.species 属性，用于指定在派生类中使用的构造函数。当派生类需要创建一个新的实例时，它将使用 Symbol.species 属性指定的构造函数，而不是继承自父类的构造函数。
例如，我们可以在 Poodle 类中添加一个静态属性，用于指定在派生类中使用的构造函数：
class Poodle extends Dog {
static get [Symbol.species]() {
return Dog;
}
constructor(name, cuteness) {
super(name);
this.cuteness = cuteness;
}
}在上面的代码中，我们使用了 Symbol.species 属性来指定在派生类中使用的构造函数。在这种情况下，我们指定了 Dog 类作为构造函数。现在，当我们调用 Dog 类的方法时，它将返回一个 Poodle 实例，而不是 Dog 实例：
const poodle = new Poodle('Fluffy', 10);
const dog = poodle.bark(); // 返回一个 Dog 实例
console.log(dog instanceof Dog); // 输出 true
console.log(dog instanceof Poodle); // 输出 false在上面的例子中，我们使用 Poodle 类的构造函数来创建一个新的 Poodle 实例。然后，我们调用 bark 方法，它将返回一个 Dog 实例，而不是 Poodle 实例。这是因为我们在 Poodle 类中使用了 Symbol.species 属性，将构造函数指定为 Dog 类。
总结
使用 Symbol.species 属性可以解决在派生类中使用不同构造函数创建实例的问题。当派生类需要创建一个新的实例时，它将使用 Symbol.species 属性指定的构造函数，而不是继承自父类的构造函数。这使得派生类可以更灵活地创建实例，并且可以在不影响继承链的情况下使用不同的构造函数。
示例代码
class Animal {
constructor(name) {
this.name = name;
}
}
class Dog extends Animal {
bark() {
console.log(`Woof! My name is ${this.name}.`);
}
}
class Poodle extends Dog {
static get [Symbol.species]() {
return Dog;
}
constructor(name, cuteness) {
super(name);
this.cuteness = cuteness;
}
}
const dog = new Dog('Fido');
dog.bark(); // 输出 "Woof! My name is Fido."
const poodle = new Poodle('Fluffy', 10);
poodle.bark(); // 输出 "Woof! My name is Fluffy."
console.log(poodle.cuteness); // 输出 10
const dog2 = poodle.bark();
console.log(dog2 instanceof Dog); // 输出 true
console.log(dog2 instanceof Poodle); // 输出 false来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65bf69b6add4f0e0ff8f786a