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”,而是“错误是否在预期位置被捕获并有意义地响应”。不复杂但容易忽略异步和全局场景。
以上就是javascript中如何捕获和处理异常?_javascript的错误处理机制是什么?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543542.html
微信扫一扫
支付宝扫一扫