Promise.all错误处理

最新推荐文章于 2025-03-18 13:10:26 发布

陈景夏

最新推荐文章于 2025-03-18 13:10:26 发布

阅读量1.5k

点赞数

分类专栏： javascript 随笔记文章标签： javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_44038264/article/details/122539214

版权

javascript 同时被 2 个专栏收录

39 篇文章

订阅专栏

随笔记

9 篇文章

订阅专栏

本文介绍使用 JavaScript 的 Promise.all 方法处理并发请求时如何正确捕捉并处理失败的情况，通过示例代码展示了当其中一个请求失败时如何依然获取到其他成功请求的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function requestFirst() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('第一个请求返回');
        }, 1000)
    })
}
function requestSecond() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            resolve('第二个请求返回');
        }, 2000)
    })
}
function requestThird() {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            reject('第三个请求返回');
        }, 3000)
    })
}

let requestArr = [requestFirst(), requestSecond(), requestThird()]
Promise.all(requestArr).then(res => {
    console.log('结果1', res);
}).catch(err => {
    console.log('错误1', err);
})

// 错误1 第三个请求返回


// Promise.all错误处理

async function handleAllFunc(fun){
    try{
        let res = await fun
        return res
    }catch(err){
        return err
    }
}

Promise.all(requestArr.map(item => handleAllFunc(item))).then(res => {
    console.log('结果', res);
}).catch(err => {
    console.log('错误', err);
})