Detaillierte Erläuterung von Beispielen verschiedener Methoden zur Erstellung von Objekten in JS

JS-Objekte unterscheiden sich von allgemeinen objektorientierten Programmiersprachen. Objekte in js sind grundlegende Prototypen. Lassen Sie mich Ihnen die verschiedenen Erstellungsmethoden von Objekten in js vorstellen. Es ist sehr gut, dass Freunde, die interessiert sind, gemeinsam lernen

Objekte in Javascript unterscheiden sich von allgemeinen objektorientierten Programmiersprachen (c++). , Java usw.) und sogar nur wenige Leute sagen, dass es sich um eine objektorientierte Programmiersprache handelt, weil sie keine Klassen hat. JavaScript hat nur Objekte, keine Instanzen von Klassen. Objekte in JavaScript basieren auf Prototypen.

1.1 Erstellung von Periodenoperatoren

Das Objekt in JavaScript ist eigentlich ein assoziatives Array, das aus Attributen besteht, die aus Namen und Werten bestehen. Der Werttyp kann ein beliebiger Datentyp oder Funktionen und andere Objekte sein.

Erstellen Sie ein einfaches Objekt:

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world'; 
}
console.log(foo.prop_3());

Weisen Sie foo per Referenz zu, {} ist die Darstellungsmethode des Objektliterals, var foo={} kann auch var foo übergeben werden = new Object(), um explizit ein Objekt zu erstellen.

1.2 Erstellen Sie ein Objekt mithilfe eines assoziativen Arrays .

var foo = {};
foo['prop_1'] = 'bar';
foo['prop_2'] = false;
foo['prop_3'] = function() {
return 'hello world'; 
}

Die Verwendung des Punktoperators und der assoziativen Array-Referenz in JavaScript sind gleichwertig. Der Vorteil der Verwendung eines assoziativen Arrays besteht darin, dass wir Variablen als Index des assoziativen Arrays verwenden können, wenn wir den Attributnamen des Objekts nicht kennen. Zum Beispiel:

var some_prop = 'prop_2';
foo[some_prop] = false;

1.3 Verwenden Sie den Objektinitialisierer, um Objekte zu erstellen

Im Allgemeinen verwenden wir die folgende Methode, um Objekte zu erstellen, wenn wir sie verwenden:

var foo = {
prop1:'bar',
prop2:false,
prop3:function(){
return 'hello world';
}
};

Diese Definitionsmethode wird als vom Objekt abgeleiteter Initialisierer bezeichnet

1.4 Erstellen Sie ein Objekt über den Konstruktor .

Die zuvor erstellten Objekte sind alle wegwerfbar. Wenn wir mehrere geplante Objekte erstellen möchten, gibt es mehrere feste Eigenschaften und Methoden, die initialisiert werden können. Wir können komplexe Objekte durch Konstruktoren erstellen:

function User(name,uri){
this.name = name;
this.uri = uri;
this.display = function() {
console.log(this.name);
}
}

Dann können wir die neue Anweisung verwenden, um Objekte zu erstellen.

var someuser = new User('byvoid','http://www.byvoid.com');

Dann können Sie über einen Benutzer auf die Eigenschaften und Methoden dieses Objekts zugreifen.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Beispielen verschiedener Methoden zur Erstellung von Objekten in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!