JavaScript 類 super
描述
super
關鍵字用於呼叫其父類的建構函式以訪問父類的屬性和方法。
提示:要更好地理解“繼承”概念(父類和子類),請閱讀我們的JavaScript 類教程。
示例
透過使用 extends
關鍵字,建立一個名為“Model”的類,該類將繼承“Car”類的方法。
透過在建構函式中呼叫 super()
方法,我們呼叫父類的建構函式並獲取對父類屬性和方法的訪問許可權。
class Car {
constructor(brand) {
this.carname = brand;
}
present() {
return '我有一輛 ' + this.carname;
}
}
class Model extends Car {
constructor(brand, mod) {
super(brand);
this.model = mod;
}
show() {
return this.present() + ', 它是一輛 ' + this.model;
}
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();
瀏覽器支援
super
是 ECMAScript6 (ES6) 的一個特性。
自 2017 年 6 月起,所有現代瀏覽器都支援 ES6 (JavaScript 2015)
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
2016 年 5 月 | 2017 年 4 月 | 2017 年 6 月 | 2016 年 9 月 | 2016 年 6 月 |
super
不受 Internet Explorer 支援。
語法
super(arguments); // 呼叫父類建構函式(僅在建構函式內部)
super.parentMethod(arguments); // 呼叫父類方法
技術詳情
JavaScript 版本 | ECMAScript 2015 (ES6) |
---|
相關頁面
JavaScript 教程:JavaScript 類
JavaScript 教程:JavaScript ES6 (EcmaScript 2015)
JavaScript 參考:extends 關鍵字
JavaScript 參考手冊:constructor() 方法