Javascript for迴圈的疑惑

之前看很多人這樣寫for迴圈，感到很困惑，直接i<divs.length不就行了，為什麼要多此一舉加一個len呢？

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

　　...
}

昨天晚上再看javascript進階程式設計（第二版）發現有說這個問題的，說的是迭代nodeList時會出現無限迴圈的問題

例如：

var divs = document.getElementsByTagName("div");

for(var i=0; i<divs.length; i++){ 
　　var div = document.createElement("div");
　　document.body.appendChild(div);
}

這段代碼會無限迴圈，那是因為divs.length會動態更新。

divs並不是儲存的一個固定的nodeList集合，當運行到i<divs.length時，divs會重新擷取所有的div

 

解決這個問題的方法是多加一個用於儲存集合長度的len，

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

　　//len儲存的是divs的一個片段，該值是固定的

　　var div = document.createElement("div");
　　document.body.appendChild(div);
}

 

所以為了保證代碼的穩定性，for迴圈中length應該是保持固定的，即每次都多一個len儲存length的值。