首页 » 编写高质量代码:改善JavaScript程序的188个建议 » 编写高质量代码:改善JavaScript程序的188个建议全文在线阅读

《编写高质量代码:改善JavaScript程序的188个建议》建议33:优化循环结构

关灯直达底部

循环是最浪费资源的一种流程。循环结构中一点小小的损耗都会被成倍放大,从而影响程序运行的效率。下面从以下几个方面介绍如何优化循环结构,从而提高循环结构的执行效率。

(1)优化结构

循环结构常常与分支结构混用在一起,因此如何嵌套就非常讲究了。例如,设计一个循环结构,结构内的循环语句只有在特定条件下才被执行。使用一个简单的例子来演示,其正常思维结构如下:


var a=true;

for(var b=1;b<10;b++){//循环结构

if(a==true){//条件判断

}

}


很明显,在这个循环结构中if语句会被反复执行。如果这个if语句是一个固定的条件检测表达式,也就是说,如果if语句的条件不会受循环结构的影响,那么不妨采用如下的结构来设计:


if(a==true){//条件判断

for(var b=1;b<10;b++){//循环结构

}

}


这样,if语句只被执行一次,如果if条件不成立,则直接省略for语句的执行,从而使程序的执行效率大大提高。但是,如果if条件表达式受循环结构的制约,就不能够采用这种结构嵌套了。

(2)避免不必要的重复操作

在循环体内经常会存在不必要的损耗。例如,在下面的这个示例中,在循环内声明数组,然后读取数组元素的值。


for(var b=0;b<10;b++){

var a=new Array(1,2,3,4,5,6,7,8,9,10);

alert(a[b]);

}


显然,在这个循环结构中,每循环一次都会重新定义数组,这样的设计极大地浪费了资源。如果把这个数组放在循环体外会更加高效,例如:


var a=new Array(1,2,3,4,5,6,7,8,9,10);

for(var b=0;b<10;b++){

alert(a[b]);

}


在日常开发中,类似这样不必要且重复的事情常常会浪费大量的系统资源,其实只要稍微留意,此类问题就会避免。

(3)妥善定义循环变量

对于for循环来说,它主要利用循环变量来控制整个结构的运行。当循环变量仅用于结构内部时,不妨在for语句中定义循环变量,这样能够优化循环结构。例如,计算1~100数字的和:


var s=0;

for(var i=0;i<=100;i++){

s+=i;

}

alert(s);


显然下面的做法就不是很妥当,因为单独定义循环变量,实际上增大了系统开销。


var i=0;

var s=0;

for(i=0;i<=100;i++){

s+=i;

}

alert(s);