JavaScript类继承extends-Toy模板网

这篇具有很好参考价值的文章主要介绍了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!

文章来源地址https://www.toymoban.com/news/detail-635714.html

到了这里，关于JavaScript类继承extends的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！