码农教程 - 一技在手,衣食无忧! tools

目录

JavaScript class extends

❮上一节 JavaScript 类参考 下一节❯

示例

创建一个名为 "Model" 的类，它将继承 "Car" 类的方法：

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'I have a ' + this.carname;
  }
}

class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', it is a ' + this.model;
  }
}

mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

亲自试一试 »

描述

这个extends关键字用于创建另一个类（父类）的子类。

子类继承了另一个类的所有方法。

继承对于代码可重用性很有用：创建新类时重用现有类的属性和方法。

笔记：从上面的例子来看；这super()方法指的是父类。通过致电super()在构造函数方法中，我们调用父级的构造函数方法并访问父级的属性和方法。

浏览器支持

extends是 ECMAScript6 (ES6) 功能。

所有现代浏览器都支持 ES6 (JavaScript 2015)：

Chrome Edge Firefox Safari Opera
Yes Yes Yes Yes Yes

extendsInternet Explorer 11（或更早版本）不支持。

语法

class childClass extends parentClass

技术细节

JavaScript 版本： ECMAScript 2015 (ES6)

相关页面

JavaScript 教程：JavaScript 类

JavaScript 教程：JavaScript ES6 (EcmaScript 2015)

JavaScript 参考：超级关键字

JavaScript 参考：构造函数()方法

❮上一节 JavaScript 类参考 下一节❯