JavaScript类继承extends

• 继承允许我们依据另一个类来定义一个类，这使得创建和维护一个应用程序变得更容易，不需要重新编写新的数据成员和成员函数，只需指定新建的类继承了一个已有的类的成员即可。
• 这个已有的类称为基类（父类），新建的类称为派生类（子类）。
• JavaScript 类继承使用 extends 关键字。
• 继承对于代码可复用性很有用。

// 基类
class Animal {
    // eat() 函数
    // sleep() 函数
};
 
//派生类
class Dog extends Animal {
    // bark() 函数
};

super()

• super() 方法用于调用父类的构造函数,this用来创建属性。
• 子类的constructor必须调用super()，且在this之前使用。

class Site {
  constructor(name) {
    this.sitename = name;
  }
  present() {
    return '我喜欢' + this.sitename;
  }
}
 
class Runoob extends Site {
  constructor(name, age) {
    super(name);
    this.age = age;
  }
  show() {
    return this.present() + ', 它创建了 ' + this.age + ' 年。';
  }
}
 
let noob = new Runoob("菜鸟教程", 5);
document.getElementById("demo").innerHTML = noob.show();

重写方法

• 一般情况下，在子类中定义的方法会替代父类中的同名方法
• 如果要在父类基础上拓展
  • 执行 super.method(...) 来调用一个父类方法。
  • 执行 super(...) 来调用一个父类 constructor（只能在我们的 constructor 中）。

class Animal {
  constructor(name) {
    this.speed = 0;
    this.name = name;
  }
  run(speed) {
    this.speed = speed;
    alert(`${this.name} runs with speed ${this.speed}.`);
  }
  stop() {
    this.speed = 0;
    alert(`${this.name} stands still.`);
  }
}

class Rabbit extends Animal {
  hide() {
    alert(`${this.name} hides!`);
  }
  stop() {
    super.stop(); // 调用父类的 stop
    this.hide(); // 然后 hide
  }
}

let rabbit = new Rabbit("White Rabbit");
rabbit.run(5); // White Rabbit runs with speed 5.
rabbit.stop(); // White Rabbit stands still. White Rabbit hides!