【八股系列】怎么处理项目中的异常捕获行为？（js）

🎉 博客主页：【剑九 六千里-CSDN博客】
🎨 上一篇文章：【[shouldComponentUpdate是为了解决什么问题？(React)]添加链接描述】
🎠 系列专栏：【面试题-八股系列】
💖 感谢大家点赞👍收藏⭐评论✍

在 JavaScript项目中，合理地处理异常捕获对于提高程序的健壮性和用户体验至关重要。以下是一些关键实践和方法：

1. 基本的try-catch-finally结构

• try: 将可能会抛出错误的代码包裹在try块内。
• catch: 使用catch块来捕获在try块中发生的错误，并在此处处理错误。
• finally: 可选的finally块无论是否发生错误都会执行，通常用于清理资源，如关闭文件或数据库连接。

try {
  // 尝试执行的代码
} catch (error) {
  // 处理错误
  console.error('捕获到错误:', error);
} finally {
  // 无论是否捕获到错误都会执行的代码
}

2. 全局异常处理

• 在Node.js应用中，可以使用process.on('uncaughtException')和process.on('unhandledRejection')监听未被捕获的异常和Promise拒绝。

• 在浏览器环境中，可以通过window.onerror监听全局脚本错误。

// Node.js示例
process.on('uncaughtException', (error) => {
  console.error('未捕获的异常:', error);
  // 进程退出或其他逻辑处理
  process.exit(1);
});

// 浏览器示例
window.onerror = function(message, source, lineno, colno, error) {
  console.error('全局错误处理:', message, source, lineno, colno, error);
};

3. 自定义错误类

创建自定义错误类继承自Error，以便于区分和处理不同类型的错误。

class CustomError extends Error {
  constructor(message) {
    super(message);
    this.name = 'CustomError';
  }
}

try {
  throw new CustomError('这是一个自定义错误');
} catch (error) {
  if (error instanceof CustomError) {
    console.log('处理自定义错误');
  } else {
    console.log('处理其他错误');
  }
}

4. 使用Promise的catch

确保每个Promise链都有.catch来处理拒绝的情况。

fetchData()
  .then(processData)
  .catch((error) => {
    console.error('Promise错误:', error);
  });

5. 异步函数中的try-catch

在使用async/await时，直接在async函数内部使用try-catch来捕获异常。

async function fetchDataAndProcess() {
  try {
    const data = await fetchData();
    // 处理数据
  } catch (error) {
    console.error('异步操作错误:', error);
  }
}

6. 记录日志

异常发生时，记录详细的错误日志，便于后续分析和问题定位。

7. 用户友好的错误提示

对于前端应用，捕获到错误后，应向用户提供清晰、友好的错误信息