JavaScript慎用with

核心提示：像我这样最初并不是系统学习javaScript的人，看到with这个东西的第一感觉是兴奋——不用再重复地写“element.style.xxx = …”了，JavaScript慎用with，只需要view plaincopy to clipboardPRint?with (element.style) { xxx =

像我这样最初并不是系统学习javaScript的人，看到with这个东西的第一感觉是兴奋——不用再重复地写“element.style.xxx = …”了，只需要

view plaincopy to clipboardPRint?
with (element.style) {　
xxx = ...;　
yyy = ...;　
...　
} 

with (element.style) {
xxx = ...;
yyy = ...;
...
}但是作为解释型语言，Javascript都需要在运行时来决定xxx/yyy到底是什么东西。对每一个名字（不仅仅是被赋值的，也包括读取的变量！）它会首先去在with括号里的对象的属性里去寻找，然后才会找局部变量，最后是全局变量。在JavaScript的虚拟机、JIT技术普及之前，这种性能问题需要非常的注意。

正确的做法是给element.style做一个local variable的cache：

view plaincopy to clipboardprint?
var es = element.style;　
es.xxx = ...;　
es.yyy = ...;　
... 

var es = element.style;
es.xxx = ...;
es.yyy = ...;
...这样不仅相对减少了代码大小，同时性能上也比element.style.xxx = … 要好得多。