Promise未捕获异步函数引发的错误

基础概念

Promise 是 JavaScript 中用于处理异步操作的对象。它代表一个异步操作的最终完成（或失败）及其结果值。一个 Promise 处于以下几种状态之一：

• pending（待定）：初始状态，既不是成功，也不是失败。
• fulfilled（已实现）：意味着操作成功完成。
• rejected（已拒绝）：意味着操作失败。

当一个 Promise 被 reject 时，它会抛出一个错误。如果这个错误没有被捕获，它将成为一个未捕获的异常。

相关优势

• 链式调用：Promise 支持链式调用，使得异步操作可以按顺序执行，并且每个操作都可以基于前一个操作的结果。
• 更好的错误处理：通过 .catch() 方法可以集中处理所有异步操作中的错误。
• 避免回调地狱：Promise 可以替代传统的回调函数，使代码更加清晰和易于维护。

类型

• 微任务（Microtask）：Promise 的回调函数会被放入微任务队列中，这意味着它们会在当前任务完成后、下一个任务开始前执行。
• 宏任务（Macrotask）：例如 setTimeout 和 setInterval 的回调函数会被放入宏任务队列中。

应用场景

• 异步请求：如使用 fetch 或 axios 进行网络请求。
• 文件读写：如使用 Node.js 的 fs 模块进行文件操作。
• 定时任务：如使用 Promise 结合 setTimeout 实现延迟执行。

问题及解决方法

未捕获异步函数引发的错误

问题描述：当使用 Promise 时，如果异步函数中发生了错误，并且没有被捕获，会导致未捕获的异常。

原因：通常是因为没有正确使用 .catch() 方法来捕获 Promise 中的错误，或者错误发生在 .then() 方法中而没有被传递到下一个 .catch()。

解决方法：

1. 使用 .catch() 方法：

asyncFunction()
  .then(result => {
    console.log(result);
  })
  .catch(error => {
    console.error('Error:', error);
  });

1. 在 async/await 中使用 try/catch：

async function run() {
  try {
    const result = await asyncFunction();
    console.log(result);
  } catch (error) {
    console.error('Error:', error);
  }
}

run();

1. 全局捕获未处理的 Promise 错误：

process.on('unhandledRejection', (reason, promise) => {
  console.error('Unhandled Rejection at:', promise, 'reason:', reason);
});

示例代码

function asyncFunction() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject(new Error('Something went wrong!'));
    }, 1000);
  });
}

asyncFunction()
  .then(result => {
    console.log(result);
  })
  .catch(error => {
    console.error('Error:', error);
  });

参考链接

• MDN Web Docs: Promise
• MDN Web Docs: async/await

通过以上方法，可以有效地捕获和处理 Promise 中的错误，避免未捕获的异常导致程序崩溃。