JavaScript中如何捕获异常_try_catch如何使用-js教程-PHP中文网

JavaScript中如何捕获异常_try_catch如何使用

php中文网

发布： 2025-12-14 17:41:42

原创

568人浏览过

JavaScript中try...catch用于捕获同步运行时异常，防止崩溃并支持错误处理；对异步错误需结合async/await或.catch()，且应避免空catch、慎用finally返回值。

javascript中如何捕获异常_try_catch如何使用

JavaScript中用 try...catch 捕获运行时异常，防止程序因错误崩溃，同时能做错误处理或降级操作。它只捕获同步代码中的异常，对异步错误（如 Promise 拒绝、setTimeout 内的 throw）需配合其他方式处理。

基本语法结构

try...catch 由三部分组成：try 块放可能出错的代码，catch 接收错误对象，finally（可选）无论是否出错都会执行。

try 块中一旦抛出异常（throw 或运行时报错），立即跳出并进入 catch
catch 后面的参数（如 err）是 Error 实例，包含 message、name、stack 等属性
finally 块适合清理资源，比如关闭定时器、重置状态等

捕获常见错误类型

除了通用 catch (err)，还可以用 instanceof 或检查 err.name 区分错误种类，便于针对性处理。

SyntaxError：代码解析失败（通常在 eval 中出现）
ReferenceError：访问未声明变量（如 console.log(undef)）
TypeError：操作不兼容类型（如 null.toString()）
RangeError：数值超出有效范围（如递归过深、数组长度非法）

示例：

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

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

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

525

查看详情

try {
  JSON.parse('{ "name": }');
} catch (err) {
  if (err instanceof SyntaxError) {
    console.error('JSON格式错误:', err.message);
  }
}

处理异步代码中的错误

try...catch 默认无法捕获 Promise 异步错误（如 fetch 失败、Promise.reject()），需结合 .catch() 或 async/await + try/catch。

使用 async/await 时，await 后的 Promise 拒绝会被 catch 捕获
纯 Promise 链必须用 .catch()，否则会触发 unhandledrejection
全局监听未捕获的 Promise 错误：添加 window.addEventListener('unhandledrejection')

推荐写法（async/await）：

async function loadData() {
  try {
    const res = await fetch('/api/data');
    if (!res.ok) throw new Error(`HTTP ${res.status}`);
    return await res.json();
  } catch (err) {
    console.error('加载失败:', err.message);
    return null;
  }
}