Heim > Web-Frontend > js-Tutorial > Erstellung und Zugriff auf JS-Objekte

Erstellung und Zugriff auf JS-Objekte

怪我咯
Freigeben: 2017-06-29 10:29:35
Original
1265 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Erstellungs- und Zugriffsimplementierungsmethoden von Javascript-Objekten im Detail vor. Interessierte Freunde können sich auf

JavaScript beziehen, an das selten gedacht wird -orientierte -Funktionen, und manche Leute sagen sogar, dass es sich nicht um eine objektorientierte Sprache handelt, weil sie 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 die meisten Objekte in 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.

Erstellung und Zugriff

Ein Objekt in JavaScript ist eigentlich ein assoziatives Array, das aus Attributen besteht. Der Typ des Werts kann beliebig sein

Datentyp oder Funktionen und andere Objekte. 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 mit der folgenden Methode erstellen:

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world';
}
console.log(foo.prop_3());
Nach dem Login kopieren
Im obigen Code erstellen wir ein Objekt über var foo = {} und fügen es hinzu Wenn Sie auf foo verweisen,

erhalten Sie seine Mitglieder über foo.prop1 und weisen einen Wert zu, wobei {} die Darstellungsmethode des Objektliterals ist. Sie können auch var foo = new Object() verwenden, um explizit
ein Objekt zu erstellen.
1. Verwenden Sie ein assoziatives Array, um auf Objektmitglieder zuzugreifenWir können auch den assoziativen Array-Modus verwenden, um
Objekte zu erstellen. Der obige Code wird wie folgt geändert:

var foo = {};
foo['prop1'] = 'bar';
foo['prop2'] = false;
foo['prop3'] = function() {
return 'hello world';
}
Nach dem Login kopieren
In JavaScript sind die Verwendung des Punktoperators und der assoziativen Array-Referenz gleichwertig, was bedeutet, dass jedes Objekt (einschließlich

diesem Zeiger) diese beiden Modi verwenden kann. 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;
Nach dem Login kopieren

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 Die folgende kompaktere und übersichtlichere Methode wird verwendet:

var foo = {
  'prop1': 'bar',
  prop2: 'false',
  prop3: function (){
  return 'hello world';
  }
};
Nach dem Login kopieren
Diese definierte Methode wird als Initialisierer des Objekts bezeichnet. Beachten Sie, dass bei Verwendung eines Initialisierers

Objektattributname angibt, ob Anführungszeichen optional sind, es sei denn, der Attributname enthält Leerzeichen oder andere Zeichen, die zu Mehrdeutigkeiten führen können.

Das obige ist der detaillierte Inhalt vonErstellung und Zugriff auf JS-Objekte. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage