javascript 循環中調用異步的同步需求

// 關於Promise：可以直接使用promise
Promise.resolve(123).then(v => {
    console.log(v)
})

// 循環中調用異步
let arr = []
new Promise((res, rej) => {
    for (let index = 0; index < 5; index++) {
        new Promise((resolve, reject) => {
            resolve(index)
        })
        .then((i) => {
            arr.push(index)
        })
    }
    res()
}).then(() => {
    console.log(arr)
})


// -----

// async/await 版本 循環(forEach)中調用異步
async function processArray(array) {
    if(toString.call(array) != '[object Array]'){
        console.log(array)
        return
    }
    array.forEach(async (item) => {
        await processArray(item);
    })
    console.log('Done!');
}
processArray(['a', 'b', 'c'])

// 結果：像同步一樣的預期結果
// a
// b
// c
// Done!