javaScript中的继承extends详解

在 JavaScript 中，继承是一个非常常见的概念。ES6 引入了 Class 语法糖，让继承更加易于理解和实现。在 Class 中，我们可以使用 extends 关键字来创建一个子类，使其继承父类的属性和方法。

下面我们来详细了解一下如何在 JavaScript 中使用 extends 实现继承。

### 基础语法

首先，我们需要定义一个父类。在 ES6 中，我们可以使用 Class 来定义一个类。例如：

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

  speak() {
    console.log(this.name + ' makes a noise.');
  }
}

这个 Animal 类有一个构造函数和一个 speak 方法。构造函数会在创建实例时被调用，而 speak 方法则可以让动物发出一些声音。

接下来，我们来创建一个子类。使用 extends 关键字来创建子类，并使用 super() 方法调用父类的构造函数。例如：

class Dog extends Animal {
  constructor(name) {
    super(name);
  }

  speak() {
    console.log(this.name + ' barks.');
  }
}

这个 Dog 类继承了 Animal 类，并覆盖了其 speak 方法。在构造函数中，我们通过 super() 方法来调用父类的构造函数，并将传递的参数传递给它。

现在，我们可以创建一个 Dog 的实例，并调用其 speak 方法：

let d = new Dog('Mitzie');
d.speak(); // Mitzie barks.

### 继承父类的方法

当一个子类继承了一个父类时，它会继承父类的属性和方法。例如，在上面的例子中，Dog 类继承了 Animal 类，因此它继承了 Animal 类的 speak 方法。

当我们调用子类的方法时，如果子类没有实现该方法，它会自动调用父类的方法。例如，在上面的例子中，如果我们不覆盖 Dog 类的 speak 方法，它将调用 Animal 类的 speak 方法。

### 覆盖父类的方法

如果一个子类需要覆盖父类的方法，我们可以在子类中重新定义该方法。例如，在 Dog 类中，我们覆盖了 Animal 类的 speak 方法，使其输出“barks”而不是“makes a noise”。

### 调用父类的方法

有时候，我们需要在子类中调用父类的方法。我们可以使用 super 关键字来调用父类的方法。例如，在 Dog 类中，我们可以通过调用 super.speak() 来调用 Animal 类的 speak 方法。

### 总结

继承是一个非常常见的概念，也是面向对象编程中的重要概念之一。在 JavaScript 中，我们可以使用 extends 关键字来实现继承。通过继承，子类可以继承父类的属性和方法，也可以覆盖父类的方法，并且可以调用父类的方法。