JavaScript-Klassenkonstruktor
Beispiel
Erstellen Sie eine Car-Klasse und erstellen Sie dann ein Objekt namens „mycar“ basierend auf der Car-Klasse:
class Car {
constructor(brand) { // Constructor
this.carname = brand;
}
}
mycar = new Car("Ford");
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die constructor()
Methode ist eine spezielle Methode zum Erstellen und Initialisieren von Objekten, die innerhalb einer Klasse erstellt wurden.
Die constructor()
Methode wird automatisch aufgerufen, wenn eine Klasse initiiert wird, und sie muss den genauen Namen "Konstruktor" haben. Wenn Sie keine Konstruktormethode haben, fügt JavaScript tatsächlich eine unsichtbare und leere Konstruktormethode hinzu.
Hinweis: Eine Klasse kann nicht mehr als eine constructor()-Methode haben. Dies wird eine werfen SyntaxError
.
Sie können die super()
Methode verwenden, um den Konstruktor einer übergeordneten Klasse aufzurufen (siehe "Weitere Beispiele" unten).
Browser-Unterstützung
constructor()
ist eine ECMAScript6 (ES6)-Funktion.
ES6 (JavaScript 2015) wird in allen modernen Browsern unterstützt:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
constructor()
wird in Internet Explorer 11 (oder früher) nicht unterstützt.
Syntax
constructor(parameters)
Technische Details
JavaScript-Version: | ECMAScript 2015 (ES6) |
---|
Mehr Beispiele
Um eine Klassenvererbung zu erstellen, verwenden Sie das extends
Schlüsselwort.
Eine Klasse, die mit einer Klassenvererbung erstellt wurde, erbt alle Methoden von einer anderen Klasse:
Beispiel
Erstellen Sie eine Klasse namens "Model", die die Methoden von der Klasse "Car" erbt:
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();
Die super()
Methode bezieht sich auf die übergeordnete Klasse.
Indem wir die super()
Methode in der Konstruktormethode aufrufen, rufen wir die Konstruktormethode des übergeordneten Elements auf und erhalten Zugriff auf die Eigenschaften und Methoden des übergeordneten Elements.
Verwandte Seiten
JavaScript-Tutorial: JavaScript-Klassen
JavaScript-Tutorial: JavaScript ES6 (EcmaScript 2015)
JavaScript-Referenz: Das Schlüsselwort extend
JavaScript-Referenz: Das Schlüsselwort super