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 关键字。


JavaScript 类(class)

本文来源于互联网:JavaScript 类(class) extends 关键字