在现代的前端开发中，class 继承是一种非常重要的技术。ES6 引入了 class 关键字，使得 class 继承更加易于理解和使用。随着 ES10 的发布，我们可以使用一些高级的 class 继承技巧来提高代码的可读性和可维护性。本文将介绍这些技巧，并提供一些示例代码。
1. 使用 super() 调用父类的构造函数
在 ES10 中，可以使用 super() 方法来调用父类的构造函数。这使得我们可以在子类中使用父类的属性和方法，并且可以在子类中添加新的属性和方法。示例代码如下：
// www.javascriptcn.com code example
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a noise.`);
}
}
class Dog extends Animal {
constructor(name) {
super(name);
}
speak() {
console.log(`${this.name} barks.`);
}
}
let d = new Dog('Mitzie');
d.speak(); // Mitzie barks.在上面的代码中，我们定义了一个 Animal 类和一个 Dog 类。Dog 类继承了 Animal 类，并且使用 super() 方法来调用父类的构造函数。在 Dog 类中，我们重写了 speak() 方法，并添加了新的行为。
2. 使用 super 关键字调用父类的方法
在 ES10 中，我们可以使用 super 关键字来调用父类的方法。这使得我们可以在子类中使用父类的方法，并且可以在子类中添加新的行为。示例代码如下：
// www.javascriptcn.com code example
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a noise.`);
}
}
class Dog extends Animal {
constructor(name) {
super(name);
}
speak() {
super.speak();
console.log(`${this.name} barks.`);
}
}
let d = new Dog('Mitzie');
d.speak(); // Mitzie makes a noise. Mitzie barks.在上面的代码中，我们定义了一个 Animal 类和一个 Dog 类。Dog 类继承了 Animal 类，并且使用 super 关键字来调用父类的 speak() 方法。在 Dog 类中，我们重写了 speak() 方法，并添加了新的行为。
3. 使用 static 关键字定义静态方法
在 ES10 中，我们可以使用 static 关键字来定义静态方法。静态方法是指在类上定义的方法，而不是在实例上定义的方法。静态方法可以在类上调用，而不是在实例上调用。示例代码如下：
// www.javascriptcn.com code example
class Animal {
constructor(name) {
this.name = name;
}
static info() {
console.log('This is an animal class.');
}
}
Animal.info(); // This is an animal class.在上面的代码中，我们定义了一个 Animal 类，并使用 static 关键字定义了一个静态方法 info()。在 Animal 类上调用 info() 方法，而不是在实例上调用。
4. 使用 extends 关键字继承多个类
在 ES10 中，我们可以使用 extends 关键字继承多个类。这使得我们可以从多个类中继承属性和方法。示例代码如下：
// www.javascriptcn.com code example
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a noise.`);
}
}
class Canine {
bark() {
console.log('Woof!');
}
}
class Dog extends Canine, Animal {
constructor(name) {
super(name);
}
speak() {
super.speak();
console.log(`${this.name} barks.`);
}
}
let d = new Dog('Mitzie');
d.speak(); // Mitzie makes a noise. Mitzie barks.
d.bark(); // Woof!在上面的代码中，我们定义了一个 Animal 类、一个 Canine 类和一个 Dog 类。Dog 类从 Canine 和 Animal 类中继承属性和方法，并使用 super() 方法来调用父类的构造函数和方法。在 Dog 类中，我们重写了 speak() 方法，并添加了新的行为。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d171b4a941bf71343113d4