建構子

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

constructor（建構子）是個隨著 class 一同建立並初始化物件的特殊方法。

語法

constructor([arguments]) { ... }

敘述

一個 class 只能有一個稱為 constructor 的特殊物件。如果一個 class 出現兩次以上的 constructor，就會發生 SyntaxError (en-US) 錯誤。

如果不指定建構子，就會使用預設的建構子。

示例

使用 constructor 方法

這段程式碼是從 classes sample 擷取而來。（線上範例）

js
class Square extends Polygon {
  constructor(length) {
    // 我們在這裡呼叫了 class 的建構子提供多邊形的長寬值
    super(length, length);
    // 注意：在 derived class 中，super() 必須在使用 this 以前被呼叫。不這樣的話會發生錯誤。
    this.name = "Square";
  }

  get area() {
    return this.height * this.width;
  }

  set area(value) {
    this.area = value;
  }
}

預設的建構子

如上文所說：如果不指定建構子，就會使用預設的建構子。對 base classes 而言，預設的建構子長得像這樣：

js
constructor() {}

對 derived class 而言，預設的建構子長得像這樣：

js
constructor(...args) {
  super(...args);
}

規範

Specification
ECMAScript Language Specification
# sec-static-semantics-constructormethod

瀏覽器相容性

BCD tables only load in the browser

參見