JavaScript-Klasse super
Definition und Verwendung
Das superSchlüsselwort wird verwendet, um den Konstruktor seiner übergeordneten Klasse aufzurufen, um auf die Eigenschaften und Methoden der übergeordneten Klasse zuzugreifen.
Tipp: Um das Konzept der „Vererbung“ (übergeordnete und untergeordnete Klassen) besser zu verstehen, lesen Sie unser JavaScript-Klassen-Tutorial .
Beispiel
Erstellen Sie eine Klasse namens „Model“, die die Methoden von der Klasse „Car“ erbt, indem Sie das extendsSchlüsselwort verwenden.
Durch Aufrufen der super()Methode in der Konstruktormethode rufen wir die Konstruktormethode des übergeordneten Elements auf und erhalten Zugriff auf die Eigenschaften und Methoden des übergeordneten Elements:
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();
Browser-Unterstützung
superist eine ECMAScript6 (ES6)-Funktion.
ES6 (JavaScript 2015) wird in allen modernen Browsern unterstützt:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
superwird in Internet Explorer 11 (oder früher) nicht unterstützt.
Syntax
super(arguments); // calls the parent constructor (only inside
the constructor)
super.parentMethod(arguments); // calls a parent method
Technische Details
| JavaScript-Version: | ECMAScript 2015 (ES6) |
|---|
Verwandte Seiten
JavaScript-Tutorial: JavaScript-Klassen
JavaScript-Tutorial: JavaScript ES6 (EcmaScript 2015)
JavaScript-Referenz: Das Schlüsselwort extend
JavaScript-Referenz: Die Methode constructor()