JavaScript Class constructor 方法

Pangangalingan at paggamit

constructor() Ang paraan ay isang espesyal na paraan, na ginagawa at nag-uugnay ng mga bagay na ginawa sa klase.

Kapag nag-uugnay ng klase:constructor() Ang paraan ay awtomatikong pagtutugon, at dapat gamitin ang eksaktong pangalan "constructor", sa katunayan, kung hindi ka may constructor, magdagdag ang JavaScript ng isang hindi nakikita na walang laman na constructor.

注意：一个类不能使用多个 constructor() 方法。这将抛出 SyntaxError。

您可以使用 super() 方法来调用父类的构造方法（请参见下面的更多实例）。

实例

例子 1

创建一个 Car 类，然后基于这个 Car 类创建一个名为 "mycar" 的对象：

class Car {
  constructor(brand) {  // Constructor
    this.carname = brand;
  }
}
mycar = new Car("Ford");

亲自试一试

例子 2

如需创建类继承，请使用 extends 关键字。

通过类继承创建的类将从另一个类继承所有方法。

创建一个名为 "Model" 的类，它将继承 "Car" 类的方法：

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() 方法引用父类。

通过在构造方法中调用 super() 方法，我们将调用父类的构造方法，并可以访问父类的属性和方法。

语法

constructor(参数)

技术细节

JavaScript 版本： ECMAScript 2015 (ES6)

浏览器支持

方法 Chrome IE Firefox Safari Opera
constructor() 49.0 13.0 45.0 9.0 36.0

相关页面

JavaScript Tutorial:JavaScript 类

JavaScript Tutorial:JavaScript ES6 (EcmaScript 2015)

JavaScript 参考手册：extends 关键字

JavaScript 参考手册：super 关键词