Para las personas como yo que no aprendieron JavaScript sistemáticamente al principio, el primer sentimiento cuando vi esto fue emoción: ya no tengo que escribir "element.style.xxx = ..." repetidamente, solo necesito
ver ¿Copia simple al portapapeles?
con (elemento.estilo) {
xxx=...;
aaa = ...;
...
}
con (elemento.estilo) {
xxx=...;
aaa = ...;
...
}Pero como lenguaje interpretado, JavaScript necesita determinar qué es xxx/yyy en tiempo de ejecución. Para cada nombre (no solo asignado, ¡sino también variables leídas!), primero buscará las propiedades del objeto entre paréntesis, luego las variables locales y finalmente las variables globales. Antes de la popularidad de las máquinas virtuales JavaScript y la tecnología JIT, este tipo de problema de rendimiento requiere gran atención.
El enfoque correcto es crear un caché de variables local para element.style:
¿ver copia simple en portapapeles?
vares = elemento.estilo;
es.xxx = ...;
es.yyy = ...;
...
var es = elemento.estilo;
es.xxx = ...;
es.yyy = ...;
...Esto no sólo reduce relativamente el tamaño del código, sino que también funciona mucho mejor que element.style.xxx = ....