如何知道异步函数何时完成

Question

我有一个函数在循环中多次调用异步函数。

function myFunc() {
    var things = [1, 2, 3, 4, 5];

    $.each(things, asyncFunc);

    alert('Things ' + things.join() + ' have all been processed.');
}

function asyncFunc(key, value) {
    $.post('api.php', value: thing);
}

我只想在所有异步调用都完成后继续。

我可以让asyncFunc 返回一个延迟对象，并在$.post.done 方法中调用.resolve()，但是我怎么能阻止.each 循环并仅在asyncFunc 完成时继续？

只有在对asyncFunc 的所有调用都完成后才能继续？

Answer 1

1. 将回调传递给asyncFunc
2. 在回调中，有一个基于things.length的计数器
3. 计算回调被调用了多少次
4. 如果计数器指示更多，结束回调
5. 如果计数器指示这是最后一次，则继续调用

例如回调

var count = things.length,
    callback = function () {
        if (0<--count) return;
        // do stuff
    };