我有一个简单的“异步”JS 函数:
function asyncFunc(i) {
setTimeout(function () {
console.log(i);
}, 1000);
}
如果我想在一个 for 循环中执行这个 asyncFunc 5 次,即每秒记录 1 - 5 次,总共花费 5 秒。
1
2
3
4
5
我知道 jQuery 的 when().done() 可以做到这一点,但是如果我在没有第 3 方 JS 库的环境中,实现此目的的最简单优雅的方法是什么?
实际上,例如我想写一个 util 函数,它接受一个异步函数数组,这个 util 函数可以一个一个地执行传入的函数:
function execAsyncTasks([asyncTask1, asyncTask2, asyncTask3]) {
asyncTask1();
// Wait until asyncTask1 finished
asyncTask2();
// Wait until asyncTask2 finished
asyncTask3();
// Wait until asyncTask3 finished
}
最佳答案
您的所有任务都必须实现某种回调机制,因为这是您知道异步任务已完成的唯一方式。有了它,您可以执行以下操作:
function executeTasks() {
var tasks = Array.prototype.concat.apply([], arguments);
var task = tasks.shift();
task(function() {
if(tasks.length > 0)
executeTasks.apply(this, tasks);
});
}
executeTasks(t1, t2, t3, t4);
关于JavaScript:一个一个地执行异步函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13583280/