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

Question

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

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

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

可以执行与上述代码相同的过程的确切 asyncFor 循环是什么

Answer 1

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

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 2

如果您正在遍历一个数组，这两个助手可能会派上用场（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()

Answer 3

使用回调函数。

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

Answer 4

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

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 5

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);
}