try…catch仅能捕获同步执行中抛出的异常,如调用未定义函数、访问 NULL 属性、手动 throw、jsON 解析失败;无法捕获语法错误、 异步 错误、未处理 promise rejection、资源加载失败及 跨域 脚本错误。

javaScript 的错误处理主要靠 try……catch、throw、全局错误监听(如 window.onError、window.addEventListener('error'))和 Promise 错误捕获(.catch()、async/await 配合 try……catch)。但 try……catch 并不能捕获所有错误,它只捕获同步执行中抛出的异常,对异步错误、语法错误、资源加载失败等无能为力。
哪些错误能被 try…catch 捕获
仅限于在 try 块内 同步执行时主动抛出(throw)或运行时触发的异常,比如:
- 调用未定义函数(
undefinedFunc()) - 访问
null或undefined的属性(null.foo) - 手动
throw new Error('xxx') - json 解析失败(
JSON.parse('{invalid}'))
哪些错误 try…catch 捕获不到
以下几类错误不会进入 catch 块:
- 语法错误(SyntaxError):脚本加载阶段就报错,根本不会执行到
try,例如try {const a = }(缺少右括号) - 异步任务 中的错误(未被 await 或 .catch() 处理):如
setTimeout(() => { throw new Error('boom') }, 0),会触发全局错误,不进catch - Promise rejection 未处理 :未用
.catch()或await包裹的 rejected Promise,会触发unhandledrejection事件 - 资源加载失败 :如
<img src="404.jpg" alt="javascript 的错误处理有哪些方式_try……catch 能捕获所有错误吗 " >或动态import('./missing.js')失败,需用onerror或catch捕获 - iframe 脚本错误或 跨域 脚本错误:受同源策略限制,通常只暴露 “Script error.”,无法获取详细信息
如何补全错误捕获能力
要接近“捕获所有可捕获错误”,需组合多种机制:
立即学习“Java 免费学习笔记(深入)”;
- 用
window.addEventListener('error', handler)捕获同步运行时错误(含脚本加载、资源加载等) - 用
window.addEventListener('unhandledrejection', handler)捕获未处理的 Promise 错误 - 给异步操作显式加
try……catch(async/await)或.catch()(Promise 链) - 对动态
import()、fetch()、XMLHttpRequest等单独做错误分支处理 - 第三方脚本可通过
window.onerror(兼容旧版)或上述事件监听兜底
实际建议
不要依赖单一 try……catch 做全局兜底。生产环境应:
- 开发阶段开启 严格模式 + ESLint,提前发现语法和潜在问题
- 关键异步流程必须处理 rejection(避免静默失败)
- 注册
unhandledrejection和error全局监听,用于日志上报 - 注意
try……catch本身有性能开销,避免包裹过大或纯计算逻辑