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,在循環中用變量得到當前元素，

轉載于:https://www.cnblogs.com/yushunwu/archive/2011/09/15/2178098.html

總結

以上是生活随笔為你收集整理的高性能Javascript 用局部变量缓存集合元素的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。