JavaScript-Klasse erweitert
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();
Definition und Verwendung
Das extends
Schlüsselwort wird verwendet, um eine untergeordnete Klasse einer anderen Klasse (Eltern) zu erstellen.
Die untergeordnete Klasse erbt alle Methoden von einer anderen Klasse.
Vererbung ist nützlich für die Wiederverwendbarkeit von Code: Verwenden Sie Eigenschaften und Methoden einer vorhandenen Klasse wieder, wenn Sie eine neue Klasse erstellen.
Hinweis: Aus dem obigen Beispiel; Die super()
Methode bezieht sich auf die übergeordnete Klasse. 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.
Browser-Unterstützung
extends
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 |
extends
wird in Internet Explorer 11 (oder früher) nicht unterstützt.
Syntax
class childClass extends parentClass
Technische Details
JavaScript-Version: | ECMAScript 2015 (ES6) |
---|
Verwandte Seiten
JavaScript-Tutorial: JavaScript-Klassen
JavaScript-Tutorial: JavaScript ES6 (EcmaScript 2015)
JavaScript-Referenz: Das Schlüsselwort super
JavaScript-Referenz: Die Methode constructor()