JS_提升运行速度

   今天看了海啸地盘上转的关于提升JS运行速度的译文.
   大概意思是说,有四个方面的原因可能导致运行缓慢,直到脚本失控.
   这四多就是:
        1.太多的操作在循环中
        2.太多的操作在函数里
        3.太多的递归
        4.太多的DOM操作

   其中针对1,2,3提到的一个解决方法,思路看似都一样:如果几个操作没有特定的执行顺序,而且互相不是信赖关系,则可以改为通过异步调用的方式加以执行,可以减少脚本失控的发生.

   按此思路写的例子:

function dw(s){ document.write(s + "</br>"); } function doSomething(){ document.getElementById("div1").innerHTML = " do Something;"; } function doSomethingElse(){ var s = document.getElementById("div1").innerHTML; document.getElementById("div1").innerHTML = s + " do Something Else;"; } function doSomethingMore(){ var s = document.getElementById("div1").innerHTML; document.getElementById("div1").innerHTML = s + " do Something More;"; }

 

 

你很可能这样执行:
function doIt()
{
 doSomething();
 doSomethingElse();
 doSomethingMore();
 }
doIt();

 

现在改为异步调用的方式:

function schedule(functions,context){ setTimeout(function(){ var process = functions.shift(); process.call(context); if(functions.length>0){ setTimeout(arguments.callee,1000); } } ,1000); } var funcArray = [doSomething,doSomethingElse,doSomethingMore]; schedule(funcArray,""); //看,这里被分成几段,在不同的时间操作了^_^

 

 

下面看例子中的冒泡排序算法:

function bubbleSort(items) { for (var i = items.length - 1; i >= 0; i--) { for (var j = i; j >= 0; j--) { if (items[j] < items[j - 1]) { var temp = items[j]; items[j] = items[j - 1]; items[j - 1] = temp; } } } }

分解成多个步骤,每个步骤只遍历一次数组:

function bubbleSort(array, onComplete) { var pos = 0; (function() { var j, value; for (j = array.length; j > pos; j--) { if (array[j] < array[j - 1]) { value = data[j]; data[j] = data[j - 1]; data[j - 1] = value; } } pos++; if (pos < array.length) { setTimeout(arguments.callee, 10); } else { onComplete(); } })(); }