Objekte in JavaScript erstellen (3 Möglichkeiten)

Von der Syntax her ist JavaScript eine flexible objektorientierte Sprache. In diesem Artikel stellen wir Ihnen die verschiedenen Möglichkeiten zur Instanziierung von Objekten in JavaScript vor.

Es ist wichtig zu beachten, dass JavaScript eine klassenlose Sprache ist und Funktionen so verwendet werden, dass sie eine Klasse simulieren. (Empfohlen: „Javascript-Tutorial“)

Funktionen als Klassen verwenden:

Eine der einfachsten Möglichkeiten, Objekte in JavaScript zu instanziieren. Wir definieren eine klassische JavaScript-Funktion und verwenden das Schlüsselwort new, um ein Objekt der Funktion zu erstellen. Funktionseigenschaften und Methoden werden mit dem Schlüsselwort this erstellt.

<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>

Ausgabe:

Vineet
20

Beschreibung: Eine Klasse in OOP besteht aus zwei Hauptkomponenten, einigen Parametern und einigen Mitgliedsfunktionen. In dieser Methode deklarieren wir eine klassenähnliche Funktion mit zwei Parametern, Name und Alter (dieses Schlüsselwort wird verwendet, um den Namen und das Alter der Klasse in den Namen und das Alter der bereitgestellten Parameter zu differenzieren). und die printInfo-Methode Used um die Werte dieser Parameter auszudrucken. Dann erstellen wir einfach ein copyClass-Objekt obj, initialisieren es und rufen seine Methoden auf.

Objektliterale verwenden:

Literale sind eine kleinere und einfachere Möglichkeit, Objekte zu definieren. Im Folgenden verwenden wir ein Literal, um ein Objekt 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 = "Vineet"; 
obj.age = 19; 
  
// 使用对象的方法。
obj.printInfo(); 
</script>

Ausgabe:

Vineet
20

Beschreibung: Diese Methode funktioniert genauso wie die vorherige Methode, aber anstatt die Parameter (Name und Alter) und Methode (printInfo) in der Funktion zu bündeln, erfolgt eine Bündelung Fügen Sie sie im Objekt selbst hinzu, initialisieren Sie das Objekt und verwenden Sie einfach die Methoden.

Ein Singleton einer Funktion verwenden:

Die dritte Methode ist eine Kombination der beiden anderen Methoden. Wir können eine Funktion verwenden, um ein Singleton-Objekt zu definieren.

<script> 
    var obj = new function() { 
        this.name = ""; 
        this.age = ""; 
        this.printInfo = function() { 
            console.log(this.name); 
            console.log(this.age); 
        }; 
    } 
  
obj.name = "Vineet"; 
obj.age = 20; 
  
obj.printInfo(); 
</script>

Ausgabe:

Vineet
20

Beschreibung: Dies ist eine Kombination der ersten beiden Methoden. Wir bündeln die Methode und die Parameter in einer Funktion, deklarieren jedoch keine separate Funktion dafür ( Deklarieren Sie stattdessen einfach wie copyClass in Methode 1 ein Objekt mithilfe einer Funktionsstruktur.

Das obige ist der detaillierte Inhalt vonObjekte in JavaScript erstellen (3 Möglichkeiten). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!