为什么 try-catch 不能捕获 Promise 中的异常？

在前端开发中，Promise 成为了处理异步操作的常见方法。而在一些情况下，我们可能需要捕获 Promise 的异常。然而，使用 try-catch 语句却不能实现这一点，那么原因是什么呢？

try-catch 无法捕获 Promise 中的异常

我们可能会尝试使用 try-catch 语句来捕获 Promise 中的异常，例如：

// javascriptcn.com 代码示例
try {
  const promise = new Promise((resolve, reject) => {
    throw new Error('something went wrong');
    setTimeout(() => {
      resolve('done');
    }, 1000);
  });

  promise.then((result) => {
    console.log(result);
  });
} catch (error) {
  console.error(error);
}

在这个示例中，我们创建了一个 Promise，但是在 Promise 内部抛出了一个异常。由于我们使用了 try-catch，我们可能会期望在外层捕获这个异常并打印出错误信息。然而，运行这段代码会发现，并没有任何输出。

Promise 异常的处理方式

到目前为止我们已经知道，try-catch 无法捕获 Promise 中的异常。那么我们应该如何处理 Promise 异常呢？

1. 使用 Promise.catch()

Promise 有自己的异常处理方式，即使用 Promise.catch() 方法。

// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
  throw new Error('something went wrong');
  setTimeout(() => {
    resolve('done');
  }, 1000);
});

promise
  .then((result) => {
    console.log(result);
  })
  .catch((error) => {
    console.error(error);
  });

在这个示例中，我们使用了 Promise.catch() 方法来处理 Promise 中的异常。在 Promise 对象内部抛出异常后，Promise.catch() 方法就会被调用，并将异常作为参数传递进去。因此，我们可以在 Promise.catch() 内部处理异常。

2. 使用 async/await

另一种处理 Promise 异常的方式是使用 async/await。

// javascriptcn.com 代码示例
async function handlePromise() {
  try {
    const promise = new Promise((resolve, reject) => {
      throw new Error('something went wrong');
      setTimeout(() => {
        resolve('done');
      }, 1000);
    });

    const result = await promise;
    console.log(result);
  } catch (error) {
    console.error(error);
  }
}

handlePromise();

在这个示例中，我们使用 async/await 语法糖来处理 Promise 异常。在这种情况下，await 会等待 Promise 结束，并通过 try-catch 来处理 Promise 中的异常。

总结

本文介绍了为什么 try-catch 无法捕获 Promise 中的异常。需要注意的是，Promise 有自己的异常处理方式，即使用 Promise.catch() 方法或 async/await 语法糖。我们应该根据不同情况进行选择，使代码更加可读且易于维护。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6532b2627d4982a6eb590dc2