如何使用 async/await 实现 Promise.all 的效果

最新推荐文章于 2025-01-19 22:16:53 发布

原创最新推荐文章于 2025-01-19 22:16:53 发布 · 1.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript模块专栏收录该内容

11 篇文章

订阅专栏

该博客探讨了JavaScript中Promise对象用于处理异步操作的方法，结合数组forEach实现并发处理。文章通过一个名为constall的函数展示了如何等待所有异步操作完成并收集结果，同时处理错误情况。此函数对于理解和优化异步流程控制具有重要意义。

const all = (list) => {
    const res = new Promise((resolve, reject) => {
        let length = list && list.length
        let count = 0
        let result = []
        if(!list || list.length === 0) {
            resolve(result)
        }
        list.forEach(async (item, index) => {
            try {
                const res = await item
                result[index] = res
                count ++
                if(count === length) {
                    resolve(result)
                }
            } catch(err) {
                reject(err)
            }
        });
    })
    return res
}