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事件 -
资源加载失败:如
或动态
import('./missing.js')失败,需用onerror或catch捕获 - iframe 脚本错误或跨域脚本错误:受同源策略限制,通常只暴露 "Script error.",无法获取详细信息
如何补全错误捕获能力
要接近“捕获所有可捕获错误”,需组合多种机制:
动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包
立即学习“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本身有性能开销,避免包裹过大或纯计算逻辑










