𝗢𝗯𝗷𝗲𝗸𝘁𝗸𝗼𝗻𝘀𝘁𝗿𝘂𝗸𝘁𝗼𝗿𝗲𝗻 𝗶𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁
JavaScript-Konstruktoren helfen Ihnen dabei, Objekte effizient zu erstellen. Sie können sie verwenden, um viele Objekte mit derselben Struktur zu erstellen.
Konstruktorfunktionen
Ein Konstruktor ist eine Funktion zur Initialisierung von Objekten. Verwenden Sie das Schlüsselwort new, um ihn aufzurufen. Wenn Sie das Schlüsselwort new vergessen, wird die Funktion nicht wie beabsichtigt funktionieren.
Beginnen Sie Konstruktornamen immer mit einem Großbuchstaben. Dies hilft Ihnen, sie von regulären Funktionen zu unterscheiden.
Beispiel:
- Person(name, age)
Object.create()
Sie können Object.create() verwenden, um ein neues Objekt unter Verwendung eines bestehenden Objekts als Prototyp zu erstellen. Diese Methode legt die Vererbung zwischen Objekten fest.
Standardwerte
Sie können in Ihrem Konstruktor Standardwerte festlegen. Dies stellt sicher, dass Ihre Objekte immer gültige Daten haben. Wenn Sie keinen Wert angeben, verwendet der Konstruktor den Standardwert.
Beispiel: function Person(name = "Unknown", age = 0) { this.name = name; this.age = age; }
Prototypen und Speicher
Das Hinzufügen von Methoden zu einem Prototyp spart Speicherplatz. Anstatt dass jedes Objekt eine eigene Kopie einer Funktion besitzt, teilen sie sich alle eine Version vom Prototyp.
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(), um den Konstruktor der Elternklasse aufzurufen. Dies ermöglicht es Kindklassen, Eigenschaften und Methoden der Elternklassen zu verwenden.
Warum Konstruktoren verwenden?
- Wiederverwendbarkeit: Erstellen Sie viele Objekte aus einer einzigen Vorlage.
- Organisation: Halten Sie die Logik für die Objektkonfiguration an einem Ort.
- Initialisierung: Legen Sie spezifische Werte sofort während der Erstellung fest.
- Vererbung: Erstellen Sie komplexe Objekte aus einfacheren.
- Wartbarkeit: Macht Ihren Code leichter lesbar und verwaltbar.
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