在閱讀vue-router源碼的時(shí)候接觸了這個(gè)異步函數(shù)隊(duì)列化執(zhí)行的設(shè)計(jì)澎迎，感覺(jué)還是挺厲害的，在此做個(gè)總結(jié)：
let runQueue = (queue, fn, cb) => {
const step = (index) => {
if(index >= queue.length) {
cb()
}else {
if(queue[index]) {
fn(queue[index], () => {
step(index + 1)
})
}else {
step(index + 1)
}
}
}
step(0)
}
const iterator = (fn, next) => {
fn(() => {
next()
})
}
let f1 = (resolve) => {
console.log('this is f1');
resolve()
}
let f2 = (resolve) => {
setTimeout(function() {
console.log('this is f2')
resolve();
}, 1000)
}
let f3 = (resolve) => {
console.log('this is f3');
resolve();
}
let myQueue = [];
myQueue.push(f1)
myQueue.push(f2)
myQueue.push(f3)
let myCb = () => {
console.log('all is done')
}
runQueue(myQueue, iterator, myCb)
// this is f1
// this is f2
// this is f3
// all is done
