OOP Visualizer

Die vier Säulen der OOP

Klicke auf eine Karte, um mehr zu erfahren

Kapselung

Daten und Methoden werden in einer Einheit zusammengefasst und vor unbefugtem Zugriff geschützt.

Mehr erfahren

Vererbung

Klassen können Eigenschaften und Methoden von anderen Klassen erben und erweitern.

Mehr erfahren

Polymorphie

Objekte können verschiedene Formen annehmen und sich je nach Kontext unterschiedlich verhalten.

Mehr erfahren

Abstraktion

Komplexe Systeme werden vereinfacht, indem nur relevante Details sichtbar gemacht werden.

Mehr erfahren

Interaktives Klassendiagramm

Klicke auf die Klassen, um ihre Beziehungen und Details zu erkunden

Basisklasse

Abstrakte Klasse

Konkrete Klasse

Vererbung

Live Code-Beispiel

Wähle verschiedene Tiere und sieh, wie Polymorphie funktioniert

polymorphie.js

class Tier {
  constructor(name) {
    this.name = name;
  }
  sprechen() {
    return "...";
  }
}

class Hund extends Tier {
  sprechen() {
    return `${this.name} sagt: Wuff! 🐕`;
  }
}

class Katze extends Tier {
  sprechen() {
    return `${this.name} sagt: Miau! 🐈`;
  }
}

class Vogel extends Tier {
  sprechen() {
    return `${this.name} sagt: Piep! 🐦`;
  }
}

Tier auswählen:

Ausgabe:

Wähle ein Tier...

💡

Polymorphie in Aktion: Alle Tiere haben die gleiche sprechen() Methode, aber jedes gibt etwas anderes aus!