ES6继承：使用`super`访问父类的属性

Java

ES6继承：使用super访问父类的属性

ES6（ECMAScript 2015）是JavaScript的第六个版本，引入了许多新的语言特性，其中包括类和继承的概念。ES6的类继承语法使得JavaScript更接近传统面向对象编程的语言，使开发人员能够更轻松地构建复杂的应用程序。

在ES6中，我们可以使用class关键字来定义一个类，使用extends关键字来实现继承。通过继承，子类可以继承父类的属性和方法，并且可以添加自己的属性和方法。

当子类继承父类的属性时，有时我们需要在子类的构造函数中访问父类的属性。为了实现这一点，ES6引入了super关键字，它用于调用父类的构造函数和方法。

使用super访问父类的属性

在子类的构造函数中，可以使用super关键字来调用父类的构造函数。这样做的好处是，我们可以在子类中访问父类的属性并进行一些初始化操作。

下面是一个简单的例子，展示了如何使用super关键字在子类中访问父类的属性：

Javascript
class Animal {
  constructor(name) {
    this.name = name;
  }
}
class Dog extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }
}
const myDog = new Dog('Max', 'Labrador');
console.log(myDog.name); // 输出：Max
console.log(myDog.breed); // 输出：Labrador

在上面的代码中，我们定义了一个Animal类，它有一个属性name。然后我们定义了一个Dog类，它继承自Animal类，并添加了一个额外的属性breed。在Dog类的构造函数中，我们使用super关键字调用了Animal类的构造函数，传递了name参数。

这样，当我们创建一个Dog的实例时，它会调用父类的构造函数来初始化name属性，并且我们还可以在子类中添加额外的属性。

在子类的方法中使用super访问父类的方法

除了在构造函数中使用super来访问父类的属性，我们还可以在子类的方法中使用super来调用父类的方法。

下面是一个例子，展示了如何使用super关键字在子类的方法中调用父类的方法：

Javascript
class Animal {
  constructor(name) {
    this.name = name;
  }
  speak() {
    console.log(<code>My name is ${this.name}</code>);
  }
}
class Dog extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }
  speak() {
    super.speak();
    console.log(<code>I am a ${this.breed}</code>);
  }
}
const myDog = new Dog('Max', 'Labrador');
myDog.speak();

在上面的代码中，我们定义了一个Animal类，它有一个方法speak，用于输出动物的名字。然后我们定义了一个Dog类，它继承自Animal类，并添加了一个额外的属性breed和一个方法speak。

在Dog类的speak方法中，我们使用super.speak()来调用父类的speak方法，并在输出动物的名字后，输出狗的品种。

这样，当我们调用myDog.speak()时，它会先调用父类的speak方法输出动物的名字，然后再输出狗的品种。

ES6的继承语法使得JavaScript的面向对象编程更加简洁和直观。通过使用class关键字和extends关键字，我们可以轻松地定义类和实现继承。

使用super关键字可以在子类中访问父类的属性和方法。在子类的构造函数中使用super来调用父类的构造函数，并传递参数来初始化父类的属性。在子类的方法中使用super来调用父类的方法。

这些特性使得在ES6中实现类和继承变得更加方便和灵活。开发人员可以更轻松地构建复杂的应用程序，提高代码的可读性和可维护性。