Vererbung in JavaScript

Vererbung ist ein wichtiges Konzept in der objektorientierten Programmierung. Bei der klassischen Vererbung werden die Methoden der Basisklasse in die abgeleitete Klasse kopiert.

In JavaScript wird die Vererbung durch die Verwendung von Prototyp-Objekten unterstützt. Manche nennen es „Prototypal Inheriatance“ und manche „Behaviour Delegation“.

Lassen Sie uns sehen, wie wir in JavaScript mit Hilfe des Prototyp-Objekts eine der Vererbung ähnliche Funktionalität erreichen können.

Beginnen wir mit der Klasse Person, die die Eigenschaft FirstName & LastName enthält, wie unten gezeigt.

Im obigen Beispiel haben wir die Klasse Person (Funktion) mit der Eigenschaft FirstName & LastName definiert und außerdem die Methode getFullName zu ihrem Prototyp-Objekt hinzugefügt.

Jetzt wollen wir die Klasse Student erstellen, die von der Klasse Person erbt, damit wir FirstName, LastName und die Methode getFullName() in der Klasse Student nicht neu definieren müssen. Im Folgenden sehen Sie eine Student-Klasse, die von der Person-Klasse erbt.

Bitte beachten Sie, dass wir Student.prototype auf ein neu erstelltes Person-Objekt gesetzt haben. Das new-Schlüsselwort erzeugt ein Objekt der Klasse Person und weist Person.prototype dem Prototyp-Objekt des neuen Objekts zu und ordnet schließlich das neu erzeugte Objekt dem Student.prototype-Objekt zu. Optional können Sie auch Person.prototype dem Student.prototype-Objekt zuweisen.

Jetzt können wir ein Objekt von Student erstellen, das Eigenschaften und Methoden von Person verwendet, wie unten gezeigt.

Auf diese Weise können wir Vererbung in JavaScript implementieren.