Wie erstellt JavaScript Objekte? Methoden zum Instanziieren von Objekten

Der Inhalt dieses Artikels besteht darin, das Erstellen von Objekten in JavaScript vorzustellen, damit jeder die drei Methoden zum Erstellen und Instanziieren von Objekten mit js verstehen kann. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Von der Syntax her ist JavaScript eine flexible objektorientierte Sprache. Bevor wir uns mit den verschiedenen Methoden befassen, mit denen JavaScript Objekte erstellt und instanziiert, müssen wir beachten, dass JavaScript eine klassenlose Sprache ist und Funktionen so verwendet werden, dass sie eine Klasse simulieren. [Empfohlene verwandte Video-Tutorials: JavaScript-Tutorial]

Funktionen als Klassen verwenden:

This is One einer der einfachsten Möglichkeiten, Objekte in JavaScript zu erstellen und zu instanziieren. Wir definieren eine klassische JavaScript-Funktion und verwenden das Schlüsselwort new, um ein Objekt der Funktion zu erstellen. Anschließend verwenden wir das Schlüsselwort this, um die Eigenschaften und Methoden der Funktion zu erstellen.

<script> 
    // 作为一个类的功能。
    function copyClass(name, age) { 
        this.name = name; 
        this.age = age; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
        } 
    } 
  
// 创建copyClass的对象
// 初始化参数
var obj = new copyClass("Vineet", 20); 
  
//调用copyClass对象的方法
obj.printInfo(); 
</script>

Laufergebnisse:

Erklärung: Die Klasse

besteht aus zwei Hauptkomponenten: Spezifisch Parameter und wenige Mitgliedsfunktionen. In dieser Methode deklarieren wir eine klassenähnliche Funktion, die zwei Parameter benötigt: Name und Alter (dieses Schlüsselwort wird verwendet, um den Namen und das Alter der Klasse vom Namen und Alter der bereitgestellten Parameter zu unterscheiden); und eine printInfo-Methode zum Drucken die Werte dieser Parameter. Anschließend erstellen wir einfach ein copyClass-Objekt obj, initialisieren es und rufen seine Methoden auf.

Objektliterale verwenden:

Literal ist eine kleinere und einfachere Möglichkeit, Objekte zu definieren.

Im Folgenden verwenden wir Objekttext, um ein Objekt zu erstellen und zu instanziieren, das genau dem vorherigen Objekt entspricht.

<script> 
    // 创建对象
    var obj = { 
        name : "", 
        age : "", 
        printInfo : function() { 
            console.log(this.name); 
            console.log(this.age); 
        } 
    } 
  
// 初始化参数
obj.name = "小明"; 
obj.age = 19; 
  
// 使用对象的方法
obj.printInfo(); 
</script>

Laufergebnis:

Erklärung:

Diese Methode unterscheidet sich von der vorherigen Methode Das Funktionsprinzip ist eigentlich dasselbe, aber anstatt die Parameter (Name und Alter) und Methoden (printInfo) innerhalb der Funktion zu binden, werden sie in das Objekt selbst gebunden, das initialisiert und einfach verwendet werden kann.

Verwenden Sie ein Singleton einer Funktion:

Der dritte Weg ist eine Kombination der anderen beiden Wege, die wir bereits gesehen haben. Wir können Funktionen verwenden, um einzelne Objekte zu definieren.

<script> 
// 创建单个对象
var obj = new function() { 
        this.name = ""; 
        this.age = ""; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
   }; 
} 
  
// 初始化对象
obj.name = "小明"; 
obj.age = 20; 
  
// 对象的调用方法
obj.printInfo(); 
</script>

Laufergebnisse:

Erklärung:

Dies ist eine Kombination der ersten beiden Methoden, wir will Die Methode und die Parameter sind in der Funktion gebunden, es wird jedoch keine separate Funktion dafür deklariert (wie copyClass in Methode 1). Stattdessen deklarieren wir einfach ein Objekt mithilfe eines Funktionskonstrukts.

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonWie erstellt JavaScript Objekte? Methoden zum Instanziieren von Objekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!