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 關鍵字。
點我分享筆記