在 ECMAScript 2020 中，我们可以使用 super() 在子类中调用父类的构造函数，以便继承父类的属性和方法。然而，在某些情况下，Chrome 浏览器中的 super() 函数可能会出现兼容性问题，导致代码无法正常运行。本文将介绍如何解决这个问题，以便您能够更好地使用 ECMAScript 2020 的新特性。
问题描述
在 Chrome 浏览器中，当我们在子类中使用 super() 函数调用父类的构造函数时，可能会出现以下错误：
Uncaught ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor
这个错误的意思是，在子类的构造函数中，如果我们在访问 this 或者返回之前没有调用 super() 函数，就会出现这个错误。这个错误的原因是，在子类的构造函数中，我们必须先调用父类的构造函数，以便继承父类的属性和方法，然后才能访问 this 或者返回。
解决方案
为了解决这个问题，我们需要在子类的构造函数中调用父类的构造函数，以便继承父类的属性和方法。具体做法是，在子类的构造函数中使用 super() 函数调用父类的构造函数。这样，我们就可以避免上述错误的出现，使代码正常运行。
下面是一个示例代码：
// javascriptcn.com 代码示例
class Animal {
constructor(name) {
this.name = name;
}
}
class Dog extends Animal {
constructor(name, breed) {
super(name);
this.breed = breed;
}
}
const myDog = new Dog('Max', 'Poodle');
console.log(myDog.name); // Max
console.log(myDog.breed); // Poodle在这个示例中，我们定义了一个 Animal 类和一个 Dog 类，Dog 类继承自 Animal 类。在 Dog 类的构造函数中，我们使用 super() 函数调用了父类 Animal 的构造函数，并传入了参数 name，以便继承父类的属性。然后，我们又定义了一个额外的属性 breed，以便添加一些狗的特有信息。最后，我们创建了一个 myDog 实例，并打印出了 name 和 breed 属性的值。
总结
在 ECMAScript 2020 中，使用 super() 函数调用父类的构造函数是一个非常有用的特性，可以帮助我们更好地继承父类的属性和方法。然而，在 Chrome 浏览器中，可能会出现兼容性问题，导致代码无法正常运行。为了解决这个问题，我们需要在子类的构造函数中调用父类的构造函数，以便继承父类的属性和方法。希望本文对您有所帮助，让您更好地使用 ECMAScript 2020 的新特性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657a66ddd2f5e1655d4b8d21