all-of-frontend/Answer/1 ~ 10/5.md

1.4 KiB

异步请求通过 Promise.all 处理,怎么让其中失败的所有请求重试。

Promise.all([A, B, C, D])
// 4 个请求完成后发现 AD 请求失败了,如果让 AD 请求重试

这个题目其实很简单,因为 Promise.all 中一个 promise 挂了就挂了,所以我们直接在接口上处理 catch 就行了。

看了些答案,结果是对的,但是处理方式是错误的。比如说在 resolve 中去判断是否要重试。一般我们业务中请求都是封装过的函数,出现错误肯定直接 reject 了,不可能 resolve 出来。

答案摘自 vandvassily

其他类似优秀答案:yancongwen

function request(name, count = 0) {
  return new Promise((resolve, reject) => {
    const isSuccess = Math.random() > 0.5;
    console.log(`接口${name}: ${isSuccess}`);
    setTimeout(() => {
      isSuccess > 0.5 ? resolve(name) : reject(name);
    }, Math.random() * 1000);
  }).catch((err) => {
    count++;

    if (count > 2) {
      return Promise.reject(`后端大爷${name}接口写的666`);
    }
    return request(name, count);
  });
}

let queue = [request('A'), request('B'), request('C'), request('D')];

Promise.all(queue)
  .then((arr) => {
    console.log(arr);
  })
  .catch((err) => {
    console.log(err);
  });