面試題-Promise順序執行

題目描述

有一個數組，數組元素是返回Promise對象的函數，怎樣順序執行數組中的函數，即在前一個數組中的Promise resolve以後才執行下一個函數？

準備數據

function generatePromiseFunc(index) {
    return function () {
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(index)
                resolve(index)
            }, 1000)
        })
    }
}

const list = []

for(let i = 0; i < 10; i++) {
    list.push(generatePromiseFunc(i))
}
複製代碼

解法1

// 遞歸調用
function promise_queue(list, index) {
    if (index >= 0 && index < list.length) {
        list[index]().then(() => {
            promise_queue(list, index + 1)
        })
    }
}
promise_queue(list, 0)
複製代碼

解法2

// 使用 await & async
async function promise_queue(list) {
    let index = 0
    while (index >= 0 && index < list.length) {
        await list[index]()
        index++
    }
}
promise_queue(list)
複製代碼

解法3

// 使用Promise.resolve()
function promise_queue(list) {
  var sequence = Promise.resolve()
  list.forEach((item) => {
    sequence = sequence.then(item)
  })
  return sequence
}
// 這個須要解釋下，遍歷數組，每次都把數組包在一個Promise.then()中，至關於list[0]().then(list[1]().then(list[2]().then(...))),
// 這樣內層Promise依賴外層Promise的狀態改變，從而實現逐個順序執行的效果
複製代碼

請問你們還有沒有其餘的解法呢？