Zurück zu JavaScript

JavaScript

Klassen

Klassen sind Baupläne fuer Objekte: gleicher Aufbau, gleiches Verhalten, unterschiedliche Daten.

Klasse und Konstruktor

class definiert den Bauplan, constructor initialisiert jede neue Instanz.

Methoden stehen direkt im Klassenkoerper.

<class><constructor>
Klasse
class Lernkarte {
  constructor(frage, antwort) {
    this.frage = frage;
    this.antwort = antwort;
  }

  prüfen(eingabe) {
    return eingabe === this.antwort;
  }
}

Instanzen

new ruft den Konstruktor auf und liefert ein neues Objekt.

Jede Instanz hat eigene Daten, teilt aber die Methoden der Klasse.

<new><instanceof>
Instanz erzeugen
const karte = new Lernkarte('2+2?', '4');
karte.prüfen('4'); // true
karte instanceof Lernkarte; // true

Vererbung

extends leitet eine Klasse von einer anderen ab.

super ruft den Konstruktor oder Methoden der Elternklasse auf.

<extends><super>
Ableitung
class BildKarte extends Lernkarte {
  constructor(frage, antwort, bildUrl) {
    super(frage, antwort);
    this.bildUrl = bildUrl;
  }
}

Fortschritt

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.