JavaScript Class super 關鍵詞

定義和用法

super 關鍵字引用父類。

它用于調用父類的構造函數并訪問父類的屬性和方法。

提示：要更好地理解“繼承”的概念（父類和子類），請閱讀我們的 JavaScript 類教程。

實例

創建一個名為 "Model" 的類，該類將通過使用 extends 關鍵字繼承 "Car" 類的方法。

通過在構造方法中調用 super() 方法，我們將調用父類的構造方法，并可以訪問父類的屬性和方法：

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();

親自試一試

語法

super(arguments);  // 調用父構造函數（僅在構造函數內）
super.parentMethod(arguments);  // 調用父方法

技術細節

JavaScript 版本： ECMAScript 2015 (ES6)

瀏覽器支持

Keyword Chrome IE Firefox Safari Opera
super 42.0 13.0 45.0 9.0 36.0

相關頁面

JavaScript 教程：JavaScript 類

JavaScript 教程：JavaScript ES6 (EcmaScript 2015)

JavaScript 參考手冊：extends 關鍵字

JavaScript 參考手冊：constructor() 方法