javascript - 异步/等待链中的一个 promise 失败的优雅回退？

Question

所以，我有一个需要执行的 API 调用链，类似这样

const myBigCall = async (paramsObj) => {
  try {
    const data1 = await myCall1(paramsObj.first);
    const data2 = await myCall2(paramsObj.second);
    const data3 = await myCall3(paramsObj.third);
  } catch e { console.error(e) }
}

在这种情况下，data1、data2、data3 是不相关的，但必须像这样在 1 个函数中完成。这意味着如果这些请求之一失败，应用程序将部分出错，但仍可以显示其他数据。现在，如果 data1 或 data2 失败，将永远不会调用 data3。有没有办法调用它，但仍然能够捕获错误？

Answer 1

如果调用不相关，则不应以这种方式使用 await，因为它会阻止每个调用。至少，您应该使用 Promise.all 来同时进行调用。

const myBigCall = async (paramsObj) => {
  try {
    const dataArray = await Promise.all([
        myCall1(paramsObj.first),
        myCall2(paramsObj.second),
        myCall3(paramsObj.third)
    ]);
  } catch e { console.error(e) }
};

但是，如果其中一个 promise 失败，那仍然会失败。摆脱它的一种简单方法是创建一个包装函数，该函数将防止失败并在失败的情况下返回 null 或 undefined 并删除整个 try block :

const dontFail = promise => promise.catch(() => null);

const myBigCall = async (paramsObj) => {
  const dataArray = await Promise.all([
      myCall1(paramsObj.first),
      myCall2(paramsObj.second),
      myCall3(paramsObj.third)
  ].map(dontFail));

}