Das extends-Schlüsselwort

Das Schlüsselwort extends in JavaScript wird verwendet, um eine Kindklasse zu erstellen, die Eigenschaften und Methoden von einer Elternklasse erbt.

Erstellen wir zunächst eine Basisklasse:

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  speak() {
    return `${this.name} makes a noise.`;
  }
}

Lassen Sie uns nun eine Kind-Klasse erstellen, die die Eltern-Klasse erweitert:

class Dog extends Animal {
  // Die Klasse Dog erbt von Animal
}

Dieser einfache Code bedeutet, dass die Dog-Klasse nun alle Eigenschaften und Methoden von der Animal-Klasse erbt.

Erstelle eine Dog-Instanz:

const dog = new Dog('Rex');

Rufen Sie eine von der Elternklasse geerbte Methode auf:

console.log(dog.speak()); // Ausgabe: "Rex makes a noise."

Das Schlüsselwort extends erstellt eine Vererbungsbeziehung, bei der die Kindklasse (Dog) auf alle in der Elternklasse (Animal) definierten Funktionalitäten zugreifen und diese nutzen kann.