高性能Javascript 用局部变量缓存集合元素

document.images;

由于集合元素是处于实时状态的实时存在,它与底层dom连接着。在遍历它的每一个属性或length时都会带来查找，从而性能开销很高。

这里是有关集合元素在循环处理时的优化原则

一、用变量缓存集合元素

二、在循环在缓存集合length属性

三、在循环中用变量缓存当前数组

样例代码

var coll = document.getElementsByTagName('div');

len = coll.length,

name = '',

el = null;

for(var count = 0; count < len; count++){

　　el = coll[count];

name = el.nodeName;

name = el.nodeType;

　　name = el.tagName;

}

写法比较好，用var ,,,,,,这种方式把要用的变量全部先声明， 严格实践HTML集合元素的三步 ,用变量缓存集合，缓存length,在循环中用变量得到当前元素，