JavaScript Class extends Schlüsselwort

Definition und Verwendung

extends Schlüsselwörter werden verwendet, um eine Unterklasse (Elternklasse) einer anderen Klasse zu erstellen.

Unterklassen übernehmen alle Methoden einer anderen Klasse.

Vererbung ist für die Wiederverwendbarkeit von Code sehr nützlich: Beim Erstellen neuer Klassen werden die Eigenschaften und Methoden bestehender Klassen wiederverwendet.

Anmerkung:Wie aus dem obigen Beispiel zu sehen ist,super() Methoden, die die Elternklasse referenzieren. Durch das Aufrufen super() Methoden, die wir aufrufen werden, um den Konstruktor der Elternklasse aufzurufen und die Eigenschaften und Methoden der Elternklasse zugänglich zu machen.

Instanz

Erstellen Sie eine Klasse namens "Model", die die Methoden der Klasse "Car" übernimmt:

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

Syntax

class childClass extends parentClass

Technische Details

JavaScript-Version: ECMAScript 2015 (ES6)

Browser-Unterstützung

Schlüsselwörter Chrome IE Firefox Safari Opera
extends 49.0 13.0 45.0 9.0 36.0

Verwandte Seiten

JavaScript Anleitung:JavaScript-Klasse

JavaScript Anleitung:JavaScript ES6 (EcmaScript 2015)

JavaScript-Referenzhandbuch:super-Schlüsselwort

JavaScript-Referenzhandbuch:constructor() Methode