ES6中如何使用class和extends关键字实现继承？

极客前端探索者2024-06-11 8:30

在ES6中，可以使用class关键字来定义类，使用extends关键字来实现继承。下面是一个示例：

js 复制代码

// 父类 
class Parent {
  constructor(name) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

// 子类 
class Child extends Parent {
  constructor(name, age) {
    super(name); // 调用父类的构造函数 
    this.age = age;
  }

  sayHello() {
    // 调用父类的方法 
    super.sayHello();
    console.log(`I am ${this.age} years old`);
  }
}

const child = new Child('Alice', 25);
child.sayHello(); // 输出: Hello, my name is Alice 
                 //       I am 25 years old

在这个例子中，Child类继承了Parent类的所有属性和方法，并且通过super关键字调用了父类的构造函数以及sayHello方法。这样，Child类就拥有了父类的特性，同时也能够被子类进一步扩展或重写。

需要注意的是，在子类的构造函数中，必须先通过super调用父类的构造函数，才能够使用this关键字来访问子类的属性和方法。