使用队列实现一个异步任务逐一执行的功能
// 简单搞一个队列
class Queue {
constructor() {
this.arr = [];
this.head = 0;
this.tail = 0;
}
push(x) {
this.arr.push(x);
this.tail++;
}
top() {
return this.arr[this.head];
}
pop() {
this.head++
}
getAll() {
return this.arr.slice(this.head, this.tail)
}
size() {
return this.head == this.tail
}
}
// 给队列里面加异步任务，然后逐一执行
async function fn() {
let q = new Queue()
for (let i = 0; i < 5; i++) {
q.push(() => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(i);
resolve();
}, 2000)
})
})
}
while (!q.size()) {
let c = q.top();
await c();
q.pop();
}
}
fn() // 每隔两秒输出0-4
使用普通for循环也可以简单实现
// 这是个ifee，以下两条要注意；
// 不是用r() 会卡在第一次输出之后就不动了
// 不使用await 会在一秒后一次输出全部
+ async function () {
for (let i = 0; i < 5; i++) {
await new Promise((r, j) => {
setTimeout(() => {
console.log(i);
r();
}, 1000)
})
}
}()
