高性能Javascript HTML集合访问的学习笔记

HTML集合是包含了DOM节点引用的类数组对象。

document.getElementsByTagName();

document.images   document.links document.forms   document.forms[0].elements

HTML集合有length,有索引,但不是真正的数组    没有push 或slice之类的方法     

HTML集合处于一种“实时状态” 实时存在,这意味着底层文档对象更新时,它也会自动更新,HTML集合与文档一直保持连接,每次你需要更新信息时,都命运 重复执行查询的过程,这下是低效之源

昂贵的集合

缓存数组长度  \

for(var i=0,len = coll.length;i<len;i++) {

}

更有将集合转化为数组

function toArr(coll) {

    for(var i = 0, a = []; len = coll.length; i < len; i++) {

         a[i] = coll[i];

    }

    return a;

}

这个写法比较好,for的第一项可用于创建变量,        

但用此法也不一定好,因为它要两次循环(toArr  一次,遍历数组一次),看情况而定.       

你可能感兴趣的:(JavaScript)