淘宝双十一超级红包 》
JavaScript 类(class) extends 关键字
JavaScript 类(class)实例
实例
以下实例创建的类 "Runoob" 继承了 "Site" 类:
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();
尝试一下 »
定义和用法
extends 关键字用于创建一个类，该类是另一个类的子类。
子类继承了另一个类的所有方法。
继承对于代码可重用性很有用：在创建新类时重用现有类的属性和方法。
super() 方法引用父类的构造方法。
通过在构造方法中调用 super() 方法，我们调用了父类的构造方法，这样就可以访问父类的属性和方法。
语法
class childClass extends parentClass
技术细节
| JavaScript 版本: | ECMAScript 2015 (ES6) |
浏览器支持
extends 是 ECMAScript6 (ES6) 特性。
ES6 (JavaScript 2015) 支持目前所有主流的浏览器。
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Internet Explorer 11 或更旧版本的 IE 不支持 extends 关键字。