js 优化

DEMO:

var testobj = document.getElementById("test");

for(var i=0;i<testobj.childNodes.length;i++){

var oText = testobj.childNodes[i].innerHTML;

if(oText==""){

alert("Item "+i+" is null");

}

}



该例主要是看内存的分配，重点优化应该是将循环中的定义变量操作放到循环外，这样就不会重复分配内存空间；另外一些优化可以考虑递减循环操作，循环外定义变量i的值，如下：

var testobj = document.getElementById("test");

var oText = "";

var i = testobj.childNodes.length;

for(;i>-1;i--){

oText = testobj.childNodes[i].innerHTML;

if(oText==""){

alert("Item "+i+" is null");

}

}

M2说testobj.childNodes[i].childNodes比testobj.childNodes[i].innerHTML快，暂且不提；

月MM说，关键的问题是循环体内没有必要对oText重复初始化，而不是重复声明；因为for不是一个scope，对于js来说；但是对于其他一些语言如C或者Java显然是有区别的；

注：
第一个是每一次循环都组合collection
第二个可省掉组装collection
MS推荐用nextSilbing来循环,这样操作其中的node是最快的