Für Leute wie mich, die JavaScript zunächst nicht systematisch gelernt haben, war das erste Gefühl, als ich das mit sah, Aufregung – ich muss nicht mehr wiederholt „element.style.xxx = ...“ schreiben, sondern nur noch
ansehen Klarkopie in die Zwischenablage drucken?
mit (element.style) {
xxx = ...;
yyy = ...;
...
}
mit (element.style) {
xxx = ...;
yyy = ...;
...
}Aber als interpretierte Sprache muss JavaScript zur Laufzeit bestimmen, was xxx/yyy ist. Für jeden Namen (nicht nur zugewiesene, sondern auch gelesene Variablen!) wird zunächst nach den Eigenschaften des Objekts in Klammern gesucht, dann nach lokalen Variablen und schließlich nach globalen Variablen. Vor der Popularität virtueller JavaScript-Maschinen und der JIT-Technologie erforderte diese Art von Leistungsproblemen große Aufmerksamkeit.
Der richtige Ansatz besteht darin, einen lokalen Variablen-Cache für element.style zu erstellen:
Klarkopie in Zwischenablage anzeigen und drucken?
vares = element.style;
es.xxx = ...;
es.yyy = ...;
...
var es = element.style;
es.xxx = ...;
es.yyy = ...;
...Dies reduziert nicht nur relativ die Codegröße, sondern bietet auch eine viel bessere Leistung als element.style.xxx = ....