Was ist ein Konstruktor in es6?

青灯夜游
Freigeben: 2022-05-05 17:06:41
Original
1857 Leute haben es durchsucht

In ES6 ist der Konstruktor eine spezielle Funktion, die hauptsächlich zum Initialisieren von Objekten verwendet wird, dh zum Anhängen von Anfangswerten an Objektmitgliedsvariablen. Der erste Buchstabe seines Funktionsnamens wird normalerweise großgeschrieben und immer mit verwendet neu. Eine Funktion kann nur dann als Konstruktor verwendet werden, wenn sie mit dem neuen Operator aufgerufen wird. Wenn der neue Operator nicht verwendet wird, handelt es sich lediglich um eine gewöhnliche Funktion.

Was ist ein Konstruktor in es6?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.

Der Konstruktor ist eine spezielle Funktion, die hauptsächlich zum Initialisieren von Objekten verwendet wird, dh zum Anhängen von Anfangswerten an Objektmitgliedsvariablen. Er wird immer mit new verwendet. Wir können einige öffentliche Eigenschaften und Methoden aus dem Objekt extrahieren und sie in diese Funktion einkapseln.

Der erste Buchstabe des Funktionsnamens des Konstruktors wird normalerweise großgeschrieben.

Beim Aufruf als Konstruktor muss er mit dem neuen Operator verwendet werden. Eine Funktion kann nur dann als Konstruktor verwendet werden, wenn sie mit dem neuen Operator aufgerufen wird. Wenn der neue Operator nicht verwendet wird, handelt es sich lediglich um eine gewöhnliche Funktion.

Wenn eine Funktion als Konstruktor verwendet wird, kann sie über den neuen Operator eine Instanz des Objekts erstellen und über die Instanz die entsprechende Funktion aufrufen.

// 构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        alert(this.name);
    };
}
var person = new Person('kingx', '12');
person.sayName(); // 'kingx'
Nach dem Login kopieren

Wenn eine Funktion als normale Funktion verwendet wird, zeigt dies innerhalb der Funktion auf das Fenster.

Person('kingx', '12');
window.sayName(); // 'kingx'
Nach dem Login kopieren

Mit dem Konstruktor können wir jederzeit die gewünschte Objektinstanz erstellen. Der Konstruktor führt bei seiner Ausführung die folgenden 4 Schritte aus:

  • Erstellen Sie ein neues Objekt über den neuen Operator und erstellen Sie ein neues im Speicher Adresse.

  • Bestimmen Sie im Konstruktor den Zeiger dafür.

  • Führen Sie den Konstruktorcode aus und fügen Sie der Instanz Attribute hinzu.

  • Dieses neu erstellte Objekt zurückgeben.

Nehmen Sie den vorherigen Code zum Generieren einer Personeninstanz als Beispiel:

  • Schritt 1: Erstellen Sie eine neue Adresse im Speicher für die Personeninstanz.

  • Schritt 2: Bestimmen Sie den This-Punkt der Personeninstanz und zeigen Sie auf die Person selbst.

  • Schritt 3: Fügen Sie der Personeninstanz die Attribute „name“, „age“ und „sayName“ hinzu, wobei der Attributwert „sayName“ eine Funktion ist.

  • Schritt 4: Geben Sie diese Personeninstanz zurück.

Hinweis: Im Konstruktor wird ein sayName-Attribut hinzugefügt, dessen Wert eine Funktion ist, sodass jedes Mal, wenn eine neue Instanz erstellt wird, ein sayName-Attribut zur Instanz hinzugefügt wird und in verschiedenen Instanzen der sayName Eigentum ist anders.

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend

Das obige ist der detaillierte Inhalt vonWas ist ein Konstruktor in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
es6
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage