javascript如何处理错误_try catch能捕获所有异常吗

try...catch 仅能捕获同步代码中抛出的异常,如显式 throw、运行时错误(undefinedVariable.foo())、JSON.parse 失败;无法捕获异步错误、语法错误、资源加载失败及未处理的 Promise 拒绝。

JavaScript 中的 try...catch 能捕获**同步代码中抛出的异常**,但无法捕获所有类型的错误,比如异步错误、语法错误、资源加载失败、未捕获的 Promise 拒绝等。是否“能捕获所有异常”,取决于错误发生的时机和上下文。

哪些错误 try...catch 可以捕获

只要错误是在 try 块内**同步执行时被 throw 或运行时触发(如引用未定义变量、调用非函数值)**,try...catch 就能捕获:

  • 显式抛出的错误:如 throw new Error("oops")
  • 运行时错误:如 undefinedVariable.foo()null.toString()
  • JSON 解析失败:如 JSON.parse("{invalid}")

哪些错误 try...catch 无法捕获

以下常见情况,try...catch 无能为力:

  • 异步回调中的错误(未包裹在 try 内):如 setTimeout(() => { throw new Error() }, 0) —— 这个错误发生在事件循环下一周期,脱离了原 try 作用域
  • Promise 拒绝(reject)未处理:如 Promise.reject(new Error("fail")) 不接 .catch()await,会触发 unhandledrejection 事件,但不会进 catch
  • 顶层语法错误:如脚本开头就写 const 后跟非法字符,JS 引擎解析阶段报错,根本不会执行到 try
  • 资源加载失败:如 或图片 onerror,需监听对应事件

如何更全面地捕获错误

结合多种机制,才能覆盖大多数场景:

  • 异步代码用 async/await + try...catch:确保 await 的 Promise 出错时能被捕获
  • 监听全局 Promise 拒绝window.addEventListener('unhandledrejection', e => {...})
  • 捕获全局同步错误window.addEventListener('error', e => {...})(可捕获脚本加载、资源加载、未捕获的同步异常)
  • 对关键异步回调手动包 try:如 setTimeout(() => { try { ... } catch(e) { ... } }, 0)

小提醒:错误边界不等于兜底

try...catch 是控制流工具,不是错误监控方案。它适合局部容错(比如解析用户输入),但不适合替代日志上报或全局错误追踪。生产环境建议配合 errorunhandledrejection 全局监听,再统一收集和上报。