JavaScript中如何正确处理异步操作的错误捕获？

JavaScript中如何正确处理异步操作的错误捕获？

回答： 在JavaScript中处理异步操作的错误，应根据异步方式的不同选择合适的错误捕获机制。对于使用 Promise 的异步操作，应通过 .catch() 方法或在 async/await 中使用 try...catch 块来捕获错误。

示例代码：

// 使用 .then().catch() 捕获 Promise 错误
fetch('/api/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('请求失败:', error));

// 使用 async/await 和 try...catch
async function fetchData() {
  try {
    const response = await fetch('/api/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error('请求失败:', error);
  }
}

解析：

1. Promise 链中的错误：任何 Promise 拒绝（reject）都会跳转到最近的 .catch()，因此建议在链的末尾添加 .catch() 统一处理。
2. async/await 的优势：使异步代码更像同步，便于使用 try...catch 捕获异常，提升可读性和维护性。
3. 常见误区：在 async 函数中不使用 try...catch 或忘记 await，导致错误未被捕获。
4. 全局监听（可选）：可监听 unhandledrejection 事件作为兜底：

   window.addEventListener('unhandledrejection', event => {
     console.warn('未处理的 promise 错误:', event.reason);
   });
   

正确处理异步错误能提升应用的健壮性和用户体验。