JavaScript异常捕获方法_javascript错误处理-js教程-PHP中文网

JavaScript异常捕获方法_javascript错误处理

夜晨

发布： 2025-12-05 20:56:02

原创

155人浏览过

JavaScript通过try-catch捕获同步异常，Promise用.catch()或async/await结合try-catch处理异步错误，全局监听window.onerror和unhandledrejection事件捕获未处理异常，配合错误类型判断与自定义错误类提升健壮性。

javascript异常捕获方法_javascript错误处理

JavaScript 中的异常捕获和错误处理是保障程序健壮性的重要手段。当代码运行出错时，合理的异常处理机制可以避免页面崩溃，并帮助开发者快速定位问题。

使用 try-catch 捕获运行时异常

try-catch 是 JavaScript 最基本的异常捕获方式，用于捕获同步代码中的运行时错误。

把可能出错的代码放在 try 块中，一旦抛出异常，会立即跳转到 catch 块进行处理。

try {
  let result = someFunction();
  console.log(result);
} catch (error) {
  console.error('发生错误：', error.message);
}

登录后复制

注意：try-catch 只能捕获同步错误，无法直接捕获异步操作中的异常（如 setTimeout 内部错误）。

立即学习“Java免费学习笔记（深入）”；

处理异步代码中的异常

对于 Promise 和 async/await 模式，需要不同的异常处理策略。

Promise 中使用 .catch()

fetch('/api/data')
  .then(response => response.json())
  .catch(error => {
    console.error('请求失败：', error);
  });

登录后复制

async/await 结合 try-catch

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

508

查看详情

async function getData() {
  try {
    const response = await fetch('/api/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('获取数据失败：', error);
  }
}

登录后复制

这种写法让异步代码的错误处理更接近同步逻辑，结构清晰。

全局错误监听：window.onerror 与 error 事件

为了捕获未被处理的异常，可以监听全局错误事件。

window.onerror 可以捕获大多数同步错误、脚本加载错误和语法错误（部分情况）。

window.onerror = function(message, source, lineno, colno, error) {
  console.error('全局错误：', message, '文件：', source, `行:${lineno}, 列:${colno}`);
  // 可以上报到服务器
  return true; // 阻止浏览器默认错误报告
};

登录后复制

监听 unhandledrejection 事件 捕获未处理的 Promise 拒绝。

window.addEventListener('unhandledrejection', event => {
  console.warn('未处理的 promise 错误：', event.reason);
  // 可防止控制台报错
  event.preventDefault();
});

登录后复制

错误类型识别与自定义错误

JavaScript 提供了多种内置错误类型，如 TypeError、ReferenceError、SyntaxError 等。可以通过 instanceof 判断具体类型。

try {
  undefinedFunction();
} catch (error) {
  if (error instanceof ReferenceError) {
    console.log('引用了未定义的变量');
  } else {
    console.log('其他错误：', error.message);
  }
}

登录后复制

也可以创建自定义错误类，便于业务逻辑中抛出特定异常。

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

// 使用
throw new ValidationError('输入数据不合法');

登录后复制

基本上就这些。合理组合 try-catch、Promise 错误处理和全局监听，可以让 JavaScript 应用更加稳定可靠。关键是根据场景选择合适的方式，并做好错误日志上报。不复杂但容易忽略细节。

以上就是JavaScript异常捕获方法_javascript错误处理的详细内容，更多请关注php中文网其它相关文章！