JavaScript错误处理与trycatch使用教程

IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《JavaScript错误处理及try catch用法详解》，聊聊，我们一起来看看吧！

try...catch 仅捕获同步运行时错误，如 JSON.parse 异常、TypeError 和主动 throw；对异步错误、语法错误、已处理 Promise 拒绝及全局未捕获错误无效，需配合 .catch()、unhandledrejection 和 error 事件。

JavaScript 的 try...catch 能捕获同步代码中的运行时错误，但对异步错误、语法错误、Promise 拒绝和全局未捕获错误无效——得配合其他机制一起用。

什么时候 try catch 有用？

它只拦截当前执行栈中抛出的同步异常，比如：

• JSON.parse("invalid") 抛出 SyntaxError
• undefined.foo() 抛出 TypeError
• throw new Error("boom") 主动抛出的错误

下面这段能被捕获：

try {
  JSON.parse("{");
} catch (err) {
  console.log(err instanceof SyntaxError); // true
}

为什么 await Promise.reject() 有时 catch 不到？

因为 await 后面如果不是 Promise，或 Promise 已经 settled（fulfilled/rejected），try...catch 就不会触发。常见陷阱：

• 没 await：直接写 fetch("/api").catch(...)，try...catch 不起作用
• Promise 已被 .catch() 处理过：后续再 await 它，不会再次抛错
• 多个 await 连续调用时，只在第一个出错位置中断，后面语句不执行

正确写法：

try {
  const res = await fetch("/api");
  if (!res.ok) throw new Error(`HTTP ${res.status}`);
  const data = await res.json(); // 这里可能抛 SyntaxError
} catch (err) {
  console.error("请求或解析失败：", err.message);
}

Promise 中的错误怎么捕获？

try...catch 对 .then().catch() 链里的错误无效。必须用：

• .catch() 显式处理每个 Promise 链末端
• 顶层加 window.addEventListener("unhandledrejection") 捕获漏网之鱼
• 避免在 .then() 回调里抛错却不接 .catch()

例如：

fetch("/api")
  .then(res => {
    if (!res.ok) throw new Error("Network error");
    return res.json();
  })
  .then(data => console.log(data))
  .catch(err => console.error("Promise 链中任一环节出错：", err));

容易忽略的边界情况

很多开发者以为加了 try...catch 就万事大吉，其实这些地方它完全不生效：

• 语法错误（如少括号、错拼 function）：发生在解析阶段，无法被运行时捕获
• setTimeout(() => { throw new Error() })：错误在新执行上下文中，脱离原 try 范围
• 事件回调里的错误（如 button.addEventListener("click", () => null.foo())）
• 未被 await 的 Promise 拒绝（会触发 unhandledrejection 事件，但不中断流程）

真正健壮的错误处理，得把 try...catch、.catch()、unhandledrejection 和 error 全局监听组合起来，缺一不可。

今天关于《JavaScript错误处理与trycatch使用教程》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！