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

php中文网 2025-12-14 00:00:00 次阅读

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

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：数值超出有效范围（如递归过深、数组长度非法）

示例：

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;
  }
}