javascript 循环中调用异步的同步需求

Posted 码路工人

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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!

以上是关于javascript 循环中调用异步的同步需求的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 循环中调用异步函数的三种方法,及为什么 forEach 无法工作的分析

JavaScript 循环中调用异步函数的三种方法,及为什么 forEach 无法工作的分析

浏览器中的JavaScript事件循环机制

浏览器中的JavaScript事件循环机制

JavaScript同步异步及事件循环

异步 JavaScript - 事件循环