Heim >Web-Frontend >js-Tutorial >Erstellung und Zugriff auf Javascript-Objekte_Javascript-Kenntnisse
JavaScript lässt die Leute selten an seine objektorientierten Funktionen denken. Manche Leute sagen sogar, dass es keine objektorientierte Sprache ist, weil es keine Klassen hat. Ja, JavaScript hat eigentlich keine Klassen, aber JavaScript ist eine objektorientierte Sprache. JavaScript hat nur Objekte, und Objekte sind Objekte, keine Instanzen von Klassen.
Da Objekte in den meisten objektorientierten Sprachen auf Klassen basieren, werden die Konzepte von Klasseninstanzen und Objekten häufig verwechselt. Objekte sind Instanzen von Klassen, was in den meisten Sprachen zutrifft, nicht jedoch in JavaScript. Objekte in JavaScript sind prototypbasiert.
Erstellen und Zugriff
Ein Objekt in JavaScript ist eigentlich ein assoziatives Array, das aus Attributen besteht. Der Typ des Werts kann ein beliebiger Datentyp oder eine Funktion oder ein anderes Objekt sein. Beachten Sie, dass JavaScript die Merkmale der funktionalen Programmierung aufweist, sodass Funktionen ebenfalls Variablentypen sind und in den meisten Fällen nicht von allgemeinen Datentypen unterschieden werden müssen.
In JavaScript können Sie ein einfaches Objekt erstellen mit:
var foo = {}; foo.prop_1 = 'bar'; foo.prop_2 = false; foo.prop_3 = function() { return 'hello world'; } console.log(foo.prop_3());
Im obigen Code erstellen wir ein Objekt über var foo = {} und weisen seine Referenz foo zu,
Rufen Sie seine Mitglieder über foo.prop1 ab und weisen Sie Werte zu, wobei {} die Darstellungsmethode des Objektliterals ist, oder Sie können var foo = new Object() verwenden, um explizit ein Objekt zu erstellen.
1. Verwenden Sie assoziative Arrays, um auf Objektmitglieder zuzugreifen
Wir können das assoziative Array-Muster auch zum Erstellen von Objekten verwenden. Der obige Code wird wie folgt geändert:
var foo = {}; foo['prop1'] = 'bar'; foo['prop2'] = false; foo['prop3'] = function() { return 'hello world'; }
In JavaScript entspricht die Verwendung des Punktoperators einer assoziativen Array-Referenz, was bedeutet, dass jedes Objekt (einschließlich
Dieser Zeiger) kann beide Modi verwenden. 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 = 'prop2'; foo[some_prop] = false;
2. Verwenden Sie den Objektinitialisierer, um Objekte zu erstellen
Die obige Methode vermittelt Ihnen nur ein Verständnis für die Definition von JavaScript-Objekten. Bei der tatsächlichen Verwendung verwenden wir die folgende kompaktere und klarere Methode:
var foo = { 'prop1': 'bar', prop2: 'false', prop3: function (){ return 'hello world'; } };
Diese definierte Methode wird als Initialisierer des Objekts bezeichnet. Beachten Sie, dass bei Verwendung eines Initialisierers die Angabe von Anführungszeichen für den Objekteigenschaftsnamen optional ist, es sei denn, der Eigenschaftsname enthält Leerzeichen oder andere Zeichen, die zu Mehrdeutigkeiten führen könnten. Es besteht keine Notwendigkeit, Anführungszeichen zu verwenden.
Das Obige ist die Implementierungsmethode zum Erstellen und Zugreifen auf Objekte in JavaScript. Ich hoffe, dass sie für das Lernen aller hilfreich ist.