Heim  >  Artikel  >  Web-Frontend  >  Tutorial zur JavaScript-Verbesserung – Optimierung der Javascript-Leistung

Tutorial zur JavaScript-Verbesserung – Optimierung der Javascript-Leistung

黄舟
黄舟Original
2017-01-21 16:06:521143Durchsuche

Der Zugriffsort von Daten wirkt sich auch auf die Ausführungsgeschwindigkeit von JavaScript aus. Fassen wir zusammen, wie man Zugriffsorte am besten zuordnet und JavaScript effizient ausführt.
Die Datenzugriffsorte sind in 1. Literale unterteilt (z. B. true, false, null usw.) 2. Lokale Variablen (var a=5;) 3. Array-Elemente (var arr=[]; arr[0]=5;) 4. Objektmitglieder
Alle oben genannten können gespeichert werden Daten
Basierend auf der Zeit, die zum 200.000-maligen Lesen von Daten durch verschiedene Browser erforderlich ist, beträgt die Reihenfolge von schnell zu langsam 1 2 3 4 (umfassende Ergebnisse, verschiedene Browser weisen Schwankungen auf)

Schnelle und effiziente Ausführung von JavaScript Codezusammenfassung:
1. Der Zugriff auf Literale und lokale Variablen ist schneller als auf Array-Elemente und Objektmitglieder.
2. Da lokale Variablen am Anfang der Bereichskette stehen, ist der Zugriff auf lokale Variablen schneller als der Zugriff auf bereichsübergreifende Variablen. Je tiefer die Variable in der Bereichskette liegt, desto langsamer ist die Zugriffsgeschwindigkeit. Da sich globale Variablen immer am Ende der Bereichskette befinden, ist die Zugriffsgeschwindigkeit am langsamsten.
3. Verschachtelte Objektmitglieder wirken sich offensichtlich auf die Leistung aus. Verwenden Sie sie daher so wenig wie möglich.
4. Je tiefer die Eigenschaft oder Methode in der Prototypenkette liegt, desto langsamer ist die Zugriffsgeschwindigkeit.
5. Im Allgemeinen können Sie Array-Elemente, Objektmitglieder und domänenübergreifende Variablen in lokalen Variablen speichern, um die JavaScript-Leistung zu verbessern, da der Zugriff auf lokale Variablen schneller ist.
6. Verwenden Sie so wenig wie möglich Das Ändern der Bereichskette der Ausführungsumgebung hat auch den gleichen Effekt wie die Catch-Unteranweisung in der Type-Catch-Anweisung. Seien Sie also vorsichtig.
Durch die obige Verteilung können Sie die tatsächliche Leistung von Webanwendungen, die stark JavaScript verwenden, erheblich verbessern.

Das Obige ist das JavaScript-Verbesserungs-Tutorial – JavaScript-Leistungsoptimierung. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (www.php.cn).


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