<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function queue(num){
return new Promise(resolve=>{
resolve();
}).then(
value=>{
let promise=Promise.resolve();
num.map(v=>{
promise=promise.then(_=>{
return new Promise(resolve=>{
//异步操作
setTimeout(() => {
console.log(v);
resolve();
}, 1000);
})
})
})
}
)
}
new Promise(resolve=>{
resolve();
}).then(
_=>{
let num=[1,2,3,4,5];
return Promise.resolve(num);
}
).then(
value=>{
queue(value);
}
).then(
value=>{
console.log("完成");
}
)
</script>
</body>
</html>
问题:
如何将queue函数中的所有异步操作(每隔1s按顺序打印1个数字)都执行完之后,再执行最后的then方法,打印"完成"?
说明:
效果是每隔1s打印15结束之后,再打印"完成"
最好不要通过嵌套的方法,因为这只是一个小例子,真实情况下,循环外的部分还有很复杂的逻辑结构
最好不要通过修改计时器的方法,因为这里的计时器只是代表一个异步操作,真实情况下,异步操作可能是很复杂的
回答形式:
最好能在我的例子上修改,贴出修改后的代码和执行效果,我验证后会给与采纳,谢谢