Objektkonstruktoren in JavaScript
Sie müssen viele Objekte desselben Typs erstellen. JavaScript bietet verschiedene Möglichkeiten, dies effizient zu tun.
Konstruktorfunktionen
Ein Konstruktor ist eine Funktion, die verwendet wird, um neue Objekte zu erstellen. Befolgen Sie diese Regeln, um Fehler zu vermeiden:
- Schreiben Sie den ersten Buchstaben des Funktionsnamens groß. Dies hilft Ihnen, sie als Konstruktor zu identifizieren.
- Verwenden Sie das Schlüsselwort
new. Wenn Sie dies vergessen, wird die Funktion wie eine normale Funktion ausgeführt und erstellt das Objekt nicht korrekt.
Standardwerte
Sie können Standardwerte in Ihrem Konstruktor festlegen. Dies stellt sicher, dass Ihre Objekte gültig bleiben, auch wenn Sie einige Details weglassen.
Beispiel: function Person(name = "Unknown", age = 0) { this.name = name; this.age = age; }
Wenn Sie new Person() aufrufen, wird der Name zu "Unknown" und das Alter zu 0.
Object.create()
Sie können Object.create() verwenden, um ein neues Objekt basierend auf einem bestehenden zu erstellen. Dies nutzt prototypbasierte Vererbung. Anstatt Daten zu kopieren, verknüpft das neue Objekt mit dem ursprünglichen Prototyp.
Speicheroptimierung
Platzieren Sie Methoden nicht direkt im Konstruktor selbst. Wenn Sie dies tun, erhält jedes neue Objekt eine eigene Kopie dieser Methode. Dies verschwendet Speicher.
Fügen Sie stattdessen Methoden zum Prototyp hinzu. Auf diese Weise teilen sich alle Objekte eine einzige Version der Methode.
Beispiel: Person.prototype.greet = function() { console.log("Hello " + this.name); };
Vererbung
Klassen ermöglichen es einer Klasse, von einer anderen zu erben. Verwenden Sie das Schlüsselwort super() in einer Kindklasse, um den Konstruktor der Elternklasse aufzurufen. Dies ermöglicht der Kindklasse den Zugriff auf die Eigenschaften der Elternklasse.
Vorteile der Verwendung von Konstruktoren:
- Wiederverwendbarer Code: Erstellen Sie viele Objekte mit einem einzigen Muster.
- Saubere Logik: Halten Sie die Objektkonfiguration an einem Ort.
- Einfache Initialisierung: Legen Sie spezifische Werte während der Erstellung fest.
- Vererbung: Erstellen Sie komplexe Objekte aus einfacheren.
Quelle: https://www.geeksforgeeks.org/javascript/js-constructor-method/ Quelle: https://www.w3schools.com/js/js_object_constructors.asp
Vollständiger Beitrag: https://dev.to/kamalesh_ar_6252544786997/object-constructors-in-javascript-2e96