Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung von JavaScript-Objekten

Detaillierte Erläuterung von JavaScript-Objekten

php中世界最好的语言
Freigeben: 2018-03-14 11:15:51
Original
1691 Leute haben es durchsucht

Dieses Mal werde ich Ihnen eine detaillierte Erklärung des JavaScript-Objekts geben. Was sind die Vorsichtsmaßnahmen für die Verwendung des JavaScript-Objekts? .

1. Objekte werden als Referenz übergeben, sie werden niemals kopiert.

var x={};var stooge=x;
stooge['a']='aaa';console.log(x.a);//aaa
Nach dem Login kopieren

2. Sie können ein neues Objekt mit dem Originalobjekt als Prototyp erstellen, indem Sie dem Objekt eine Erstellungsmethode hinzufügen, um den Kopiereffekt zu erzielen. Das heißt, die Änderung des Werts eines neuen Objekts hat keine Auswirkungen auf den Prototyp dieses Objekts.

if(typeof Object.beget!=='function'){Object.create=function(o){var F=function(){};
F.prototype=o;return new F();
    }
}var another_stooge=Object.create(stooge);
Nach dem Login kopieren

typeof wird verwendet, um den Typ eines Objekts zu bestimmen. (Die Prototypenkette wird überprüft.)
Die hasOwnProperty-Methode überprüft die Prototypenkette nicht.

4. for in kann zum Durchlaufen aller Eigenschaftsnamen in einem Objekt verwendet werden, es werden jedoch auch Eigenschaften einschließlich Funktionen und Prototypketten durchlaufen. In diesem Fall können Sie typeof oder hasOwnProperty verwenden, um die Werte auszuschließen du willst nicht.

var name;for(name in another_stooge){if(typeof another_stooge[name] !=='function'){          console.log(name+':'+another_stooge[name])
      }
}
Nach dem Login kopieren

Aber die Reihenfolge, in der die for in-Modus-Attribute erscheinen, ist ungewiss.

for-Schleife ist in Ordnung.
Es wird empfohlen, ein Array zum Speichern von Variablenwerten zu verwenden und dann zum Durchlaufen eine for-Schleife zu verwenden. (Aber ich persönlich denke, dass Sie nicht wissen, welche Schlüsselwerte es im Objekt gibt, also ist es immer noch notwendig.)

var arr=[&#39;a&#39;,&#39;b&#39;,&#39;c&#39;];for(var i=0;i<arr.length;i++){console.log(arr[i]+&#39;:&#39;+another_stooge[arr[i]]);
}
Nach dem Login kopieren

5.deleteOperator Wird zum Löschen einer Eigenschaft des Objekts verwendet. Wenn das Objekt die Eigenschaft enthält, wird die Eigenschaft entfernt und berührt kein Objekt in der Prototypenkette.
Durch das Löschen der Eigenschaften eines Objekts werden möglicherweise Eigenschaften in der Prototypenkette sichtbar.

6. Reduzieren Sie die Verschmutzung durch globale Variablen. Eine Möglichkeit, die Verwendung globaler Variablen zu minimieren, besteht darin, nur eine einzige globale Variable für Ihre Anwendung zu erstellen. Platzieren Sie andere Variablen oder Funktionen unter dieser globalen Variablen.

var MyApp={};
MyApp.stooge={&#39;first-name:&#39;aaa&#39;
};
MyApp.flight=function(){}
Nach dem Login kopieren

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Detaillierte Erklärung des CSS3-Schattens

JavaScript-Array-Nutzungssammlung

JavaScript-Wissenspunkte, die leicht übersehen werden

Wie man mit Canvas den Sternenhimmel, den Mond und die Erde zeichnet und Text hinzufügt

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von JavaScript-Objekten. 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