高效能的javascript中迴圈的處理

for(var i=0; i<items.length;i++ ){    items[i].onclicn = fn;}

for(i=items.length; i--; ){    items[i].onclicn = fn;}

for(var i = 0, len=items.length; i < ilen; i++){    items[i].onclicn = fn;}

1.一次控制條件的屬性尋找，如items.length;

2.一次控制條件的數值比較，如i<items.length;

3.一次控制條件是否為true的比較， 如i<items.length== true;

4.一次自增操作，如 i++;

5.一次數組尋找, 如itmes[i];

6.一次函數調用，如items[i].onclick = fn;

 

最佳化只需要針對以上6個方面..例如 

 

產生了應用於迭代次數較大的(Duffs Device) 迴圈體展開：

//credit: jeff Greenbergvar i = item.length % 8;while(i){   //fn(item[i--])}i = Math.floor(items.length / 8);while(i){   //fn(item[i--]);   //fn(item[i--]);   //fn(item[i--]);   //fn(item[i--]);   //fn(item[i--]);   //fn(item[i--]);   //fn(item[i--]);   //fn(item[i--]);}