Question

我目前正在开发一个Windows商店的javascript应用程序，并坚持实现异步for循环。

考虑一个简单的for循环如下

for(i=0,i<4,i++)
{
//body
}

可以执行与上述代码

相同的过程的确切asyncFor循环是什么

Answer 1

使用回调函数。

someFunction = function(data, ...){
    someAsyncFn(someFunction); //use this function as the callback
}

Answer 2

只有我理解正确...你可以尝试这样的事情：

function asyncFor(n, callback)
{
    var i=0;
    var t=setInterval(function(){
        callback();
        i++;
        if(i==n)
            clearInterval(t);
    }, 0);
}

asyncFor(4, function(){
    console.log('hello world');
});
console.log('after for');

如果没有 - 抱歉并忽略我的回答

Answer 3

通常，您需要递归编码循环 - 从异步回调调用下一个递归步骤：

function loop(i, n, body, callback) {
    if (i < n)
        body(i, function cb() {
            loop(i+1, n, body, callback);
        });
    else
        callback();
}

然后像

一样使用它

loop(0, 4, function(i, cb) {
    console.log(i);
    setTimeout(cb, 50); // or whatever async task with callback you have
}, function() {
    console.log("done everything");
});

Answer 4

You can use a recursive function callback
 function test(){
  myCall(function(){
       alert("Hello world");
    },5);
 }
function myCall(callback , count){
      if(count === 0){
           return;
      }else{
         callback();
         count--;
      }
      myCall(callback , count);
}

Answer 5

如果你在一个数组上循环，那么这两个助手可能会派上用场（CoffeeScript语法更简洁的表示法）。如果您对猴子修补感到不舒服，请随意将它们转换为独立功能。

# call function for each element in array
# returns when all promises have been completed
Array::eachAsync = (fn) ->
  promises = @map (item, index, collection) -> fn(item, index, collection)
  WinJS.Promise.join(promises)

# call function for each element in array in order
# returns when the last one has been processed
Array::sequentialEachAsync = (fn) ->
  @reduce (lastPromise, item) ->
    lastPromise.then () -> fn(item)
  , WinJS.Promise.wrap()

如何为Windows商店javascript应用程序实现Asynchronous for循环？

5 个答案: