document.images;

由于集合元素是處于實(shí)時(shí)狀態(tài)的實(shí)時(shí)存在,它與底層dom連接著。在遍歷它的每一個(gè)屬性或length時(shí)都會(huì)帶來查找，從而性能開銷很高。

這里是有關(guān)集合元素在循環(huán)處理時(shí)的優(yōu)化原則

一、用變量緩存集合元素

二、在循環(huán)在緩存集合length屬性

三、在循環(huán)中用變量緩存當(dāng)前數(shù)組

樣例代碼

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 ? ,,,,,,這種方式把要用的變量全部先聲明， 嚴(yán)格實(shí)踐HTML集合元素的三步 ?,用變量緩存集合，緩存length,在循環(huán)中用變量得到當(dāng)前元素，

轉(zhuǎn)載于:https://www.cnblogs.com/yushunwu/archive/2011/09/15/2178098.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。