面试：Promise.all一个请求失败也能得到其余正确的请求结果

啃火龙果的兔子

已于 2023-07-18 10:06:17 修改

阅读量4.2w

点赞数 2

分类专栏： Javascript web面试开发DEMO 文章标签： javascript

于 2023-05-24 09:20:12 首次发布

本文链接：https://blog.csdn.net/qq_43592064/article/details/130829067

版权

开发DEMO 同时被 3 个专栏收录

144 篇文章 1 订阅

订阅专栏

web面试

82 篇文章 6 订阅

订阅专栏

Javascript

33 篇文章 0 订阅

订阅专栏

Promise.all默认只要有一个错误就直接返回错误。promise.all中任何一个promise 出现错误的时候都会执行reject，导致其它正常返回的数据也无法使用
Promise.all(
  [
    Promise.reject({ code: 500, msg: "服务异常" }),
    Promise.resolve({ code: 200, list: [] }),
    Promise.resolve({ code: 200, list: [] })
  ].map(p => p.catch(e => e))
)
  .then(res => {
    console.log("res=>", res);
  })
  .catch(error => {
    console.log("error=>", error);
  });
res=> [ { code: 500, msg: '服务异常' },
  { code: 200, list: [] },
  { code: 200, list: [] } ]
核心内容是map方法，map的每一项都是promise，catch方法返回值会被promise.reslove()包裹，这样传进promise.all的数据都是resolved状态的。
 
// 使用Promise.all 其中id为69的商品,返回失败,会导致整个Promise接受到reject状态.
// 所以进行改造, p catch 得到的err  为返回失败抛出的信息, 进行置空
.map(p => p.catch(err => '')))