Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie Konstruktoren in JavaScript

So verwenden Sie Konstruktoren in JavaScript

清浅
清浅Original
2018-11-23 11:43:173064Durchsuche

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");

Image 5.jpg

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

Image 1.jpg

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>

Image 2.jpg

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>

Image 3.jpg

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!

Stellungnahme:
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
Vorheriger Artikel:So lesen Sie Dateien in JSNächster Artikel:So lesen Sie Dateien in JS