JavaScript Class-Konstruktor-Methode

Definition und Verwendung

constructor() Eine Methode ist eine spezielle Methode, die verwendet wird, um Objekte zu erstellen und zu initialisieren, die in der Klasse erstellt werden.

Beim Initialisieren der Klasseconstructor() Die Methode wird automatisch aufgerufen und muss den genauen Namen "constructor" verwenden. Tatsächlich fügt JavaScript eine unsichtbare leere Konstruktormethode hinzu, wenn Sie keine Konstruktormethode haben.

Hinweis:Eine Klasse kann keine mehrere constructor() Methoden verwenden. Dies wirft SyntaxError.

Sie können super() Methoden, um den Konstruktor der Elternklasse aufzurufen (siehe weitere Beispiele unten).

Instanz

Beispiel 1

Erstellen Sie eine Klasse "Car" und erstellen Sie daraufhin ein Objekt namens "mycar":

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

Versuchen Sie es selbst

Beispiel 2

Um die Vererbung von Klassen zu erstellen, verwenden Sie extends Schlüsselwort.

Durch die Klasse der Vererbung erstellte Klassen erben alle Methoden von einer anderen Klasse.

Erstellen Sie eine Klasse namens "Model", die die Methoden der "Car"-Klasse weitervererbt:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'Ich habe ein ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', es ist ein ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Versuchen Sie es selbst

super() Methode auf die Elternklasse verweisen.

Durch Aufruf im Konstruktor super() Methode, wir rufen den Konstruktor der Elternklasse auf und können auf die Eigenschaften und Methoden der Elternklasse zugreifen.

Syntax

constructor(Parameter)

Technische Details

JavaScript-Version: ECMAScript 2015 (ES6)

Browser-Unterstützung

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

Verwandte Seiten

JavaScript Anleitung:JavaScript-Klasse

JavaScript Anleitung:JavaScript ES6 (EcmaScript 2015)

JavaScript-Referenzhandbuch:extends-Schlüsselwort

JavaScript-Referenzhandbuch:super-Schlüsselwort