Heim >Web-Frontend >js-Tutorial >Erstellen von Objekten in JavaScript: Abschlüsse, Prototypen und ESlasses
In JavaScript gibt es mehrere Möglichkeiten, Objekte zu erstellen. Jede Methode hat ihre eigenen Vorteile und Anwendungsfälle. Wir werden drei gängige Methoden untersuchen: Abschlüsse, Prototypen und ES6-Klassen anhand von Beispielen.
Ein Abschluss ist eine Funktion, die sich an die Umgebung erinnert, in der sie erstellt wurde. Dadurch können wir Daten in Funktionen kapseln.
function createPerson(name) { let age = 0; return { getAge: function() { return age; }, growUp: function() { age++; } }; } const person1 = createPerson("Alice"); console.log(person1.getAge()); // Output: 0 person1.growUp(); console.log(person1.getAge()); // Output: 1
Prototypen ermöglichen es uns, Objekte mit gemeinsamen Eigenschaften und Methoden zu erstellen.
function Person(name) { this.name = name; } Person.prototype.getAge = function() { return this.age || 0; }; Person.prototype.growUp = function() { if (!this.age) { this.age = 1; } else { this.age++; } }; const person2 = new Person("Bob"); console.log(person2.getAge()); // Output: 0 person2.growUp(); console.log(person2.getAge()); // Output: 1
ES6-Klassen bieten eine traditionellere klassenbasierte Syntax, die das Verständnis und die Verwendung erleichtert.
class Person { constructor(name) { this.name = name; this.age = 0; } getAge() { return this.age; } growUp() { this.age++; } } const person3 = new Person("Charlie"); console.log(person3.getAge()); // Output: 0 person3.growUp(); console.log(person3.getAge()); // Output: 1
Wir haben drei Methoden zum Erstellen von Objekten in JavaScript untersucht: Abschlüsse, Prototypen und ES6-Klassen. Jede Methode hat ihre eigenen Stärken und Anwendungsfälle.
Das obige ist der detaillierte Inhalt vonErstellen von Objekten in JavaScript: Abschlüsse, Prototypen und ESlasses. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!