如何在Promise链中处理Promise.reject()抛出的错误？

在Promise链中，可以通过多种方式处理Promise.reject()抛出的错误，以下是一些常见的方法：

使用catch方法

在Promise链中，catch方法专门用于捕获链中任何一个Promise被拒绝时抛出的错误。当Promise.reject()被调用时，控制流会立即跳转到最近的catch方法。

Promise.reject(new Error('这是一个错误'))
 .then(() => {
   
    // 这里不会被执行
    console.log('成功');
  })
 .catch((error) => {
   
    console.log('捕获到错误：', error.message);
  });

使用finally方法

finally方法无论Promise是成功还是失败都会执行，通常用于执行一些清理操作，但也可以在finally中处理错误状态，不过它不能阻止错误继续向上传播。

Promise.reject(new Error('这是一个错误'))
 .finally(() => {
   
    // 可以在这里进行一些资源释放等操作
    // 也可以根据需要重新抛出错误或进行其他处理
    try {
   
      // 尝试执行一些可能会出错的清理操作
    } catch (error) {
   
      console.log('finally中捕获到错误：', error.message);
    }
  });

在多个then中处理

每个then方法都可以接受两个参数，第一个是成功回调，第二个是失败回调。可以在失败回调中处理Promise.reject()抛出的错误。

Promise.reject(new Error('这是一个错误'))
 .then(
    () => {
   
      // 成功回调，不会执行
      console.log('成功');
    },
    (error) => {
   
      console.log('捕获到错误：', error.message);
    }
  );

多层Promise链处理

在多层Promise链中，错误会一直向上传播，直到被catch捕获。

const promise1 = Promise.reject(new Error('第一层错误'));

const promise2 = promise1.then(() => {
   
  // 这里不会被执行
  return '成功';
});

const promise3 = promise2.catch((error) => {
   
  console.log('第二层捕获到错误：', error.message);
  // 可以选择在这里继续返回一个Promise，或者处理完错误后返回一个值
  return '错误已处理';
});

promise3.then((result) => {
   
  console.log('最终结果：', result);
});

使用async/await结合try/catch

async/await语法可以让异步代码看起来更像同步代码，使用try/catch可以方便地捕获Promise.reject()抛出的错误。

async function test() {
   
  try {
   
    await Promise.reject(new Error('这是一个错误'));
  } catch (error) {
   
    console.log('捕获到错误：', error.message);
  }
}

test();