JavaScript错误处理核心是try...catch...finally捕获运行时异常,throw主动抛错;不处理语法错误;需注意异步错误需内部捕获,全局错误用window.onerror或unhandledrejection监听。

JavaScript 中通过 try...catch...finally 语句捕获运行时异常,配合 throw 主动抛出错误,构成其核心错误处理机制。它不处理语法错误(编译阶段报错),只捕获执行阶段的异常。
用 try...catch 捕获可预见的运行时错误
把可能出错的代码放在 try 块中,错误发生时会立即跳转到 catch 块;catch 接收一个参数(通常是 error),包含错误类型、消息和堆栈信息。
- 常见场景:JSON 解析失败、访问 undefined 属性、网络请求异常、类型操作错误等
-
catch后可接finally,无论是否出错都会执行,适合清理资源(如关闭加载状态、释放定时器) - 不要空 catch —— 至少记录错误:
console.error(error)或上报监控系统
主动 throw 自定义错误,提升可维护性
用 throw 抛出任意值,但推荐使用 new Error('msg') 或其子类(如 TypeError、SyntaxError),便于统一识别和处理。
- 函数校验入参时常用:
if (!url) throw new TypeError('URL is required') - 可继承
Error创建业务错误类,比如class ApiError extends Error,添加statusCode等字段 - 注意:
throw后的代码不会执行,类似return
全局错误兜底:window.onerror 和 window.addEventListener('error')
用于捕获未被 try...catch 拦截的错误,比如脚本加载失败、静态资源 404、跨域 script 错误(部分限制)。
立即学习“Java免费学习笔记(深入)”;
-
window.onerror = (msg, url, line, col, error) => { ... }是传统方式,兼容性好 -
window.addEventListener('error', e => { ... })更现代,能捕获更多错误类型(如 Promise 拒绝未处理时需配合unhandledrejection) - 务必配合
unhandledrejection监听未捕获的 Promise 错误:window.addEventListener('unhandledrejection', e => console.warn(e.reason))
异步代码中的错误不能靠外层 try...catch 直接捕获
定时器、事件回调、Promise.then 回调里的错误,会脱离原始 try 块作用域。必须在异步内部处理,或用 Promise 链式 catch / async/await + try/catch。
- Promise 写法:
fetch('/api').then(...).catch(handleError) - async/await 写法:
try { const res = await fetch(...); } catch (e) { handleError(e) } - setTimeout 内部出错,需在回调里自己 try/catch,外层无效
基本上就这些。关键不是“有没有 try”,而是“错误是否在预期位置被捕获并有意义地响应”。不复杂但容易忽略异步和全局场景。











