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) 自 2017 年 6 月起在所有现代浏览器中得到支持
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| 2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
extends 在 Internet Explorer 中不受支持。
语法
class childClass extends parentClass
技术细节
| JavaScript 版本 | ECMAScript 2015 (ES6) |
|---|
相关页面
JavaScript 教程：JavaScript 类
JavaScript 教程：JavaScript ES6 (EcmaScript 2015)
JavaScript 参考：super 关键字
JavaScript 参考：constructor() 方法
