javascript循环的性能问题

问题描述

问 题

var items = [];
for(var i = 0 ; i < 10000 ; i++){
    items.push(Math.random());
}
var processItem = function(x){
    return Math.sin(x)*10;
} ;
var Func = function(){
    var len = items.length;
    for(var i = 0; i < len ; i++){
        processItem(items[i]);
    }
};
var Func2 = function(){
    var idx = 0;
    var i = items.length >> 3;
    while(i--){
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
    }
    i = items.length - idx;
    while(i--){
        processItem(items[idx++])
    }
};

大家来说说上面函数Func和Func2的性能问题吧

解决方案

var items = [];

for (var i = 0; i < 10000; i++) {
    items.push(Math.random());
}

var processItem = function(x) {
    processItem.count++;
    return Math.sin(x) * 10;
};

var Func = function() {
    processItem.count = 0;
    console.time("test1");
    var len = items.length;
    for (var i = 0; i < len; i++) {
        processItem(items[i]);
    }
    console.timeEnd("test1");
    console.log(processItem.count);
};
var Func2 = function() {
    processItem.count = 0;
    console.time("test2");
    var idx = 0;
    var i = items.length >> 3;
    while (i--) {
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
        processItem(items[idx++]);
    }
    i = items.length - idx;
    while (i--) {
        processItem(items[idx++]);
    }
    console.timeEnd("test2");
    console.log(processItem.count);
};

Func();
Func2();

上面第1种方法性能好，把 Func1 和 Func2 的执行顺序换了下，神奇了

唉，还是不要太在意这个事情了

这篇关于javascript循环的性能问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！