17370845950

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."，无法获取详细信息

如何补全错误捕获能力

要接近“捕获所有可捕获错误”，需组合多种机制：

• 用 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 本身有性能开销，避免包裹过大或纯计算逻辑