𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗖𝗼𝗻𝘀𝘁𝗿𝘂𝗰𝘁𝗼𝗿 𝗙𝘂𝗻𝗰𝘁𝗶𝗼𝗻𝘀
Verwenden Sie Constructor Functions, um viele Objekte mit derselben Struktur zu erstellen.
Eine Constructor Function fungiert als Bauplan. Sie verwenden das Schlüsselwort new, um Objekte aus diesem Bauplan zu erstellen. Constructor-Namen sollten mit einem Großbuchstaben beginnen.
So funktioniert es:
Wenn Sie das Schlüsselwort new verwenden, führt JavaScript vier Schritte aus:
- Es erstellt ein neues, leeres Objekt.
- Es setzt
this, sodass es auf dieses neue Objekt verweist. - Es führt den Funktionscode aus.
- Es gibt das neue Objekt zurück.
Das Schlüsselwort this ist essenziell. Innerhalb der Funktion bezieht sich this auf Ihr neues Objekt.
Beispiel:
function Employee(name, salary) { this.name = name; this.salary = salary; }
const emp1 = new Employee("Ram", 50000); const emp2 = new Employee("Kumar", 60000);
Beide Objekte teilen sich dieselbe Struktur.
Methoden hinzufügen:
Sie können Funktionen innerhalb eines Constructors hinzufügen.
function Employee(name, salary) { this.name = name; this.salary = salary; this.displayInfo = function() { console.log(this.name + " earns " + this.salary); }; }
Speicherverwaltung:
Das direkte Hinzufügen von Methoden innerhalb des Constructors erstellt für jedes Objekt eine neue Kopie. Dies verbraucht mehr Speicher.
Verwenden Sie stattdessen die prototype-Eigenschaft.
Employee.prototype.greet = function() { console.log("Hello " + this.name); };
Jetzt teilt sich jeder Mitarbeiter eine einzige Kopie der greet-Methode. Dies macht Ihren Code effizienter.
Zusammenfassung:
- Verwenden Sie Objektliterale für einzelne Objekte.
- Verwenden Sie Constructor Functions für mehrere Objekte mit derselben Struktur.
Quelle: https://dev.to/dev_saravanan_journey/javascript-constructor-functions-k6k