Heim > Artikel > Web-Frontend > So verwenden Sie Konstruktoren in JavaScript
Dieser Artikel vermittelt Wissen über Konstruktoren in JavaScript und hat einen gewissen Referenzwert. Ich hoffe, dass es für das Lernen aller hilfreich sein wird.
Der Konstruktor ist eigentlich eine reguläre Funktion, der erste Buchstabe sollte jedoch bei der Benennung großgeschrieben werden. Achten Sie beim Aufruf des Konstruktors darauf, ihn mit dem neuen Schlüsselwort zu instanziieren am Anfang und Geben Sie den ausgefüllten Raum am Ende zurück, was im Artikel ausführlich vorgestellt wird.
Konstruktor generiert
dies erzeugt am Anfang leer und gibt am Ende gefüllt leer zurück
function Student(name age){ this.name=name; this.age=age; } var student=new Student("张三","18"); var student1=new Student("李四","19");
Während der Ausführung der Funktion Student() werden die folgenden Schritte ausgeführt:
(1) Erstellen und weisen Sie ein neues leeres Objekt zu.
(2) Ausführung des Funktionskörpers. Normalerweise wird dies geändert und neue Eigenschaften hinzugefügt.
(3) dieser Rückgabewert.
Wenn wir mehr Studenten erstellen möchten, können wir auch new Student() aufrufen, wobei die Methode jedes Mal einfach und leicht zu lesen ist.
Dies ist der Hauptzweck des Konstruktors: wiederverwendbaren Objekterstellungscode zu implementieren.
Konstruktor-Return
Im Allgemeinen haben Konstruktoren keine Return-Anweisung und ihre Aufgabe besteht darin, die erforderlichen Dinge hinein zu schreiben und zu generieren Ergebnisse automatisch.
Aber wenn es eine Rückgabe gibt, wird es sehr einfach. Wenn beispielsweise die Rückgabe mit dem Objekt aufgerufen wird, wird nicht dies zurückgegeben, das heißt, das Rückgabeobjekt gibt das Objekt zurück, und dies gibt alle anderen zurück Fälle
Zum Beispiel überschreibt „return“ dies, indem es ein Objekt zurückgibt
function Student() { this.name = "张三"; return { name: "李四" }; //return 一个对象 } console.log( new Student().name );
Da „return“ ein Objekt ist, wird der Wert in „return“ anstelle des Werts in diesem zurückgegeben
Aber wenn wir einen Nullwert zurückgeben, dann wird dieser Wert zurückgegeben
<script> function Student() { this.name = "张三"; return; //return 一个空对象 } console.log(new Student().name ); </script>
Methode im Konstruktor
Der Konstruktor kann nicht nur Attribute, sondern auch Methoden hinzufügen, wodurch der Konstruktor beim Erstellen von Objekten flexibler wird
<script> function Student(name) { this.name = name; this.friend=function(){ console.log("this my friend:"+this.name); }; } var student=new Student("张三"); student.friend(); </script>
Zusammenfassung: Das war's Dieser Artikel ist der gesamte Inhalt des Artikels. Ich hoffe, dass er für alle hilfreich ist, um Konstrukteure zu lernen.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie Konstruktoren in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!