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