ES6 入门：掌握 Class 继承，提升代码可读性

2023-10-07 01:08:53

ES6 中的 Class 继承，是面向对象编程中至关重要的一项特性。通过 extends ，子类可以继承父类的属性和方法，从而实现代码复用和可扩展性。

Class 继承的基本语法

class ParentClass {
  constructor() {
    // 父类构造函数
  }

  toString() {
    // 父类方法
  }
}

class ChildClass extends ParentClass {
  constructor() {
    super(); // 调用父类构造函数
  }

  toString() {
    super.toString(); // 调用父类方法
  }
}

在这个例子中，ChildClass 继承了 ParentClass 的属性和方法。在子类构造函数中，必须首先调用 super() 来创建父类实例。在子类方法中，可以通过 super 关键字调用父类方法。

super 关键字的用法

super 关键字在 Class 继承中扮演着至关重要的角色。它具有以下用途：

调用父类构造函数：在子类构造函数中，super() 用来调用父类构造函数，并初始化父类实例。
访问父类方法：在子类方法中，super.methodName() 用来调用父类方法，可以重用父类提供的功能。
访问父类属性：在子类中，super.propertyName 用来访问父类属性，允许子类使用父类的私有或受保护属性。

Class 继承的优点

使用 Class 继承具有以下优点：

代码可读性提高：通过明确的 extends 语法，可以清晰地看到继承关系，使代码结构更加清晰。
代码复用性增强：子类可以继承父类的属性和方法，无需重复编写，提高代码复用性。
可扩展性提升：继承机制允许子类扩展父类功能，轻松实现代码扩展和维护。

ES6 Class 继承实例

为了更好地理解 Class 继承，让我们来看一个示例。假设我们要创建一个动物类和一个狗类，狗类继承自动物类。

class Animal {
  constructor(name) {
    this.name = name;
  }

  eat() {
    console.log(`${this.name} is eating.`);
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 调用父类构造函数
    this.breed = breed;
  }

  bark() {
    console.log(`${this.name} is barking.`);
  }
}

const dog = new Dog('Buddy', 'Golden Retriever');
dog.eat(); // Buddy is eating.
dog.bark(); // Buddy is barking.