LU02a - Klassen

Klassen in JavaScript sind Schablonen für die Erstellung von Objekten. Sie vereinfachen die Verwaltung von Daten und die Organisation von Methoden, die auf diese Daten zugreifen oder sie verändern. Durch Klassen lassen sich wiederverwendbare und erweiterbare Bausteine definieren, die die Struktur und das Verhalten von Objekten beschreiben.

class Fahrzeug {
  constructor(marke, modell) {
    this.marke = marke;
    this.modell = modell;
  }
 
  anzeigenInfo() {
    console.log(`Fahrzeug: ${this.marke} ${this.modell}`);
  }
}

In diesem Beispiel beschreibt die Klasse Fahrzeug die Eigenschaften marke und modell eines Fahrzeugs und enthält eine Methode anzeigenInfo, die das Fahrzeug beschreibt.

Der constructor ist eine spezielle Methode, die beim Erstellen eines neuen Objekts automatisch aufgerufen wird. Er ist dafür zuständig, das Objekt mit den Werten zu initialisieren, die übergeben werden, wenn die Klasse instanziiert wird.

const meinAuto = new Fahrzeug("Toyota", "Corolla");
meinAuto.anzeigenInfo(); // Ausgabe: Fahrzeug: Toyota Corolla

Durch den constructor werden den neuen Objekten also direkt die Werte marke und modell zugewiesen.

Methoden sind Funktionen, die innerhalb von Klassen definiert sind. Sie werden auf Objekten der Klasse aufgerufen und können auf die Eigenschaften des Objekts zugreifen und diese bearbeiten.

class Fahrzeug {
  constructor(marke, modell, baujahr) {
    this.marke = marke;
    this.modell = modell;
    this.baujahr = baujahr;
  }
 
  anzeigenInfo() {
    console.log(`Fahrzeug: ${this.marke} ${this.modell}, Baujahr: ${this.baujahr}`);
  }
 
  fahre() {
    console.log(`${this.marke} ${this.modell} fährt.`);
  }
}

Hier enthält die Klasse Fahrzeug nun auch eine Methode fahre, die beim Aufruf anzeigt, dass das Fahrzeug fährt.

Vererbung ist ein fundamentales Konzept der objektorientierten Programmierung, bei dem eine Klasse Eigenschaften und Methoden einer anderen Klasse übernehmen kann. In JavaScript verwenden wir das Schlüsselwort extends, um eine neue Klasse zu erstellen, die von einer anderen Klasse erbt.

class Elektrofahrzeug extends Fahrzeug {
  constructor(marke, modell, baujahr, batteriekapazitaet) {
    super(marke, modell, baujahr); // Ruft den constructor der Elternklasse auf
    this.batteriekapazitaet = batteriekapazitaet;
  }
 
  anzeigenBatterie() {
    console.log(`Batteriekapazität: ${this.batteriekapazitaet} kWh`);
  }
}

In diesem Beispiel erbt die Klasse Elektrofahrzeug von Fahrzeug, was bedeutet, dass Elektrofahrzeug auch auf die Methode anzeigenInfo zugreifen kann. Der super-Aufruf stellt sicher, dass der constructor der Elternklasse ausgeführt wird.