当需要类似 sleep 的功能时如何重构 javascript 代码？

Question

我看到这里有很多关于请求 javascript sleep 函数的线程，我知道它只能使用 setTimeout 和 setInterval 来完成。

我使用 Greasemonkey 进行了一些用户脚本编写，并编写了一个脚本来加载大量页面并从中计算一些内容。它有效，但我不想太快地请求页面。

var html0=syncGet(url0); // custom function for sync ajax call.
// fill the something array
for(var i=0;i<something.length;i++)
{
   // calculate url1,url2 using the array and the i variable
   // do something with lots of local variables
   var html1=syncGet(url1);
   // I would put a sleep here.
   // do something with the results
   var html2=syncGet(url2);
   // I would put a sleep here.
   // do something with the results
   // get url3 from the page loaded from url2
   var html3=syncGet(url3);
   // I would put a sleep here.
   // do something with the results
}
// use the result of the for loop and lots of code will follow...

实际的代码比这更复杂和更长。

我为不存在的睡眠功能而哭泣（并理解为什么它不可能）如何重构它以使用 setTimeout、setInterval 函数并保持其可读（和工作）？

Answer 1

例如这个：

var urls = ["your","u","r","l´s"];
var htmls = new Array(urls.length);
var time = 1000;
for(var i=0;i<urls.length;i++){
    (function(i){
        setTimeout(function(){
            htmls[i] = syncGet(urls[i]);
            if(i == urls.length-1){
                //continue here
            }
        },time*i);
    })(i);
}

Answer 2

我遇到了类似的问题，在一些较旧的浏览器中，一个大循环阻塞了整个浏览器，我使用以下方法解决了它：

function handlenext(idx,length) {
    idx++

    //do your stuff here base on idx.


    if (idx < length) {
        setTimeout(function(){handlenext(idx,length)},1)
    } else {
        initSuccessEnd()
    }
}

var ln = something.length;


if (ln>0) {
    handlenext(0,ln);
} else {
    initSuccessEnd()
}

这里 initSuccessEnd 是一个回调函数，当一切完成时调用..

Answer 3

经过研究，我认为 Mozilla 的新迭代器生成器可能是最合适的。 （从FF2开始就支持）

function doSomething()
{
   //.....
      var html=syncGet(url1);
      yield true;
      var html2=syncGet(url2);
      yield true;
      var html3=syncGet(url3);
      yield true;
   //......
   yield false;
}

function iteratorRunner(iterator,timeout)
{
    if (iterator.next()) 
    {
       setTimeout(function(){iteratorRunner(iterator,timeout)},timeout);
    }
    else
    {
       iterator.close();
    }
}

var iterator=doSomething(); // returns an iterator immediately
iteratorRunner(iterator,1000); // runs the iterator and sleeps 1 second on every yield.

我希望greatmonkey能处理这个问题......