[英]How to control setTimeout with promises
var functionsArray = [
function() {
setTimeout(function() {
console.log(1);
}, 100);
},
function() {
setTimeout(function() {
console.log(2);
}, 200);
},
function() {
setTimeout(function() {
console.log(3);
}, 10);
}
],
假设我有一个像上面这样的函数数组(其中的函数数量未知)。 我想编写一个函数,将这个数组作为参数并按顺序执行它们。 在上面的示例中,我希望它按顺序记录 1,2,3。 既然 Promise.all 不保证执行顺序,那么没有回调地狱能不能实现这个?
您无法从仅调用setTimeout
的函数中获得承诺 - 它需要一些帮助,例如:
function after(n, f) {
return () => new Promise(resolve => {
setTimeout(() => {
resolve(f());
}, n);
});
}
用法:
var functionsArray = [
after(100, () => console.log(1)),
after(200, () => console.log(2)),
after( 10, () => console.log(3)),
];
使用该数组,您可以依次await
每个函数:
for (let f of functionsArray) {
await f();
}
您可以编写一个简单的 setTimeoutPromise 函数:
function timeoutPromise(time = 0){
return new Promise(resolve => setTimeout(resolve, time)
}
await timeoutPromise(10);
console.log('waited 10 sec')
timeoutPromise(20).then(() => console.log('waited 20 sec')
//make a new array as you like
Promise.all([
timeoutPromise(100).then(() => console.log(1)),
timeoutPromise(200).then(() => console.log(2)),
timeoutPromise(300).then(() => console.log(3))
])
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.