3

是否有一些类似于下划线的框架允许我在集合上运行异步方法。

像 _.each(collection, itemCallback, doneCallback) 这样的东西。

例如：

_.each(items, function(item, token){
    item.someProperty = null;
  }, function(err){
     console.log("The loop is done");
  });

编辑： async.js 实际上并没有解决问题。例如下面的代码

<script type="text/javascript" src="async.js"></script>
<script type="text/javascript">

var arr = ["a","b","c"];

async.forEach(arr, function(item, met){
    console.log(item);
},
function(err){
});
console.log("Done");

</script>

打印 abc 完成

虽然我希望它打印 Done abc

我可以用下划线延迟来做到这一点，但也许还有其他一些库可以在没有包装器的情况下做到这一点。

4

1 回答 1

18

Async.js模块可以解决问题。您的示例太快了，您无法完全注意到它实际上正在按您的预期工作。这是一个添加了小延迟的示例，因此您可以注意到实际的执行顺序：

async.each([0,1,2,3,4,5,6,7,8,9], function(item, callback) {
  setTimeout(function() {
    console.log('>', item);
    callback();
  }, 2 * Math.random() * 1000);
}, function(err) {
  console.log('> done');
});

console.log(':)');

和输出：

:)
> 4
> 5
> 2
> 7
> 8
> 3
> 0
> 1
> 9
> 6
> done

此外，要真正做到异步，您可能会考虑使用Web Workers；但是现在 Async.js 为您提供了一种非常简单的方法来执行类似（但不是实际的 Web Worker）名为queue的事情：

var q = async.queue(function(item, callback) {
  setTimeout(function() {
    console.log('>>', item);
    callback();
  }, 2 * Math.random() * 1000);
}, 5);

q.drain = function() {
  console.log('>> done');
};

q.push([0, 1, 2, 3, 4, 5, 6, 7, 8, 9]);

console.log('B)');

和输出：

B)
>> 1
>> 2
>> 5
>> 6
>> 4
>> 3
>> 0
>> 7
>> 8
>> 9
>> done

如果最后你同时运行两者，这里是一个输出示例：

:)
B)
>> 2
> 3
>> 4
>> 1
> 8
>> 6
> 7
> 1
> 4
>> 3
> 0
> 2
>> 7
>> 5
> 6
> 5
> 9
> done
>> 8
>> 0
>> 9
>> done
于 2012-07-27T03:59:46.253 回答