JavaScript-KlasseextendsSchlüsselwort

JavaScript 类(class)JavaScript-Klasse

Beispiele

Beispiele

Das folgende Beispiel erstellt eine Klasse "Example", die von der Klasse "Site" erbt:

class Site { constructor(name) { this.sitename = name; } present() { return 'Ich mag' + this.sitename; } } class Example extends Site { constructor(name, age) { super(name); this.age = age; } show() { return this.vorhanden() + ', es wurde erstellt in' + this.age + 'year.'; } } let noob = new Example("Example", 5); document.getElementById("demo").innerHTML = noob.show();

Selbst ausprobieren »

Definition und Verwendung

Das extends-Schlüsselwort wird verwendet, um eine Klasse zu erstellen, die eine Unterklasse einer anderen Klasse ist.

Die Unterklasse erbt alle Methoden von einer anderen Klasse.

Vererbung ist nützlich für die Wiederverwendbarkeit von Code: Verwende die Eigenschaften und Methoden einer vorhandenen Klasse wieder, wenn du eine neue Klasse erstellst.

Die super()-Methode verweist auf den Konstruktor der Elternklasse.

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

Syntax

class childClass extends parentClass

Technische Details

JavaScript-Version: ECMAScript 2015 (ES6)

Browser-Unterstützung

extends ist ein ECMAScript6 (ES6)-Feature.

ES6 (JavaScript 2015) wird von allen aktuellen gängigen Browsern unterstützt.

Chrome Edge Firefox Safari Opera
Ja Ja Ja Ja Ja

Internet Explorer 11 oder ältere Versionen des IE unterstützen das Schlüsselwort extends nicht.

JavaScript 类(class)JavaScript-Klasse

Andere Erweiterungen