闲来无事 根据最近项目经验 总结来一帖 今天跟大家说说我对JS优化循环的理解 废话少说 咱们开始
可以使用下面几种方式来优化循环
 •减值迭代
大多数循环使用一个从0开始、增加到某个特定值的迭代器，在很多情况下，从最大值开始，在循环中不断减值的迭代器更加高效
 •简化终止条件
 
由于每次循环过程都会计算终止条件，所以必须保证它尽可能快，也就是说避免属性查找或者其它的操作，最好是将循环控制量保存到局部变量中，也就是说对数组或列表对象的遍历时，提前将length保存到局部变量中，避免在循环的每

var list = document.getElementsByTagName('p');
        for (var i = 0; i < list.length; i++) {
            //……
        }
        //替换为：
        var list = document.getElementsByTagName('p');
        for (var i = 0, l = list.length; i < l; i++) {
            //……
        }

一步重复取值。
•简化循环体
 
循环体是执行最多的，所以要确保其被最大限度的优化
 •使用后测试循环
 
在JavaScript中，我们可以使用for(;;),while(),for(in)三种循环，事实上，这三种循环中for(in)的效率极差，因为他需要查询散列键，只要可以，就应该尽量少用。for(;;)和while循环，while循环的效率要优于for(;;)，可能是因为for

var arr = [1, 2, 3, 4, 5, 6, 7];
        var sum = 0;
        for (var i = 0, l = arr.length; i < l; i++) {
            sum += arr[i];
        }
        //可以考虑替换为：
        var arr = [1, 2, 3, 4, 5, 6, 7];
        var sum = 0, l = arr.length;
        while (l--) {
            sum += arr[l];
        }

(;;)结构的问题，需要经常跳转回去。
最常用的for循环和while循环都是前测试循环，而如do-while这种后测试循环，可以避免最初终止条件的计算，因此运行更快。



 

//增值迭代 --效率较低
for(var i = 0;i < items.length;i++){
   doSomething(items[i]);
}
//减值迭代 --效率较高
for(var i = items.length - 1;i >= 0;i--){
   doSomething(items[i]);
}

减值迭代 不解释了 看代码 一眼便知

习惯问题 只有不断总结才能提高 例如如下代码

// 创建两个对象 ----不好的方式
//one 四条语句
var values = new Array();
values[0] = 123;
values[1] = 456;
values[2] = 789;
//two 四条语句
var person = new Object();
person.name = 'jozo';
person.age = 21;
person.sayName = function(){
    alert(this.name);
};

这样写没问题

// 创建两个对象 ----推荐的方式
//one 1条语句
var values = [123,456,789]
//two 1条语句
var person = {
    name : 'jozo',
    age : 21,
    sayName : function(){
    alert(this.name);
};

但如果像上边这样写 则更有逻辑性

最后总结一下 一句话 我觉得代码的质量和数量就是性能的评判标准 下个月在来 社团就拜托大家了


[ 本帖最后由 wangnannan 于 2015-5-21 14:54 编辑 ]