有時候會有這一種需要，需要在循環(huán)中執(zhí)行一系列操作。但是循環(huán)的每次迭代的操作是異步的，此時如何實現(xiàn)“異步串行”呢？

先看一下例子，在沒有循環(huán)時，如果串行：

new Promise((resolve, reject) => {
    new Promise((resolve, reject) => {
        // ... 一些異步操作
        return resolve(data)  // 返回這個 promise
    })
})
.then(() => {
    ...
})
.then(...)
.then(...)

轉(zhuǎn)換為循環(huán)：
（思路為，每次 for 時候的 promise 為上一次迭代的 promise.then，即可串聯(lián)起來）

function runSerial(lists, asyncTask) {
    let promise = Promise.resolve()
        _.each(lists, (i) => {
        promise = promise.then(() => asyncTask(i))
    })
    return promise
}

調(diào)用方法：

runSerial(self.apps, (app) => {
    const data = {
        ...
    }

    return new Promise((resolve, reject) => {
        self.$http.post(url, data).then(({data: {status, data}}) => {
            // ...
            resolve()
        })
    })
}).finally((res) => {
    ...
})