JavaScript错误处理核心是防止崩溃并响应异常:try-catch捕获同步错误,Promise.catch捕获Promise异步拒绝,async/await使try-catch可直接处理await的rejection。

JavaScript 中的错误处理,核心是让程序在出错时不至于崩溃,并能有意识地响应异常。try-catch 和 Promise.catch 都用于捕获错误,但作用域、触发时机和适用场景完全不同。
try-catch 处理同步代码和可预见的运行时错误
try-catch 是 JavaScript 原生的异常处理机制,只能捕获**同步执行过程中抛出的错误**(比如 throw new Error()、引用未定义变量、类型错误等)。它无法捕获异步操作中发生的错误(如定时器、事件回调、Promise 内部的 throw),除非这些异步操作被显式包裹在 try-catch 里(但通常不这么做)。
常见用法:
验证用户输入或 JSON 解析等可能立即失败的操作 访问可能不存在的对象属性前做防御性检查(有时比 try-catch 更轻量) 配合 finally 执行清理逻辑(如关闭资源、重置状态)
Promise.catch 专门捕获 Promise 链中的异步拒绝(rejection)
Promise.catch() 是 Promise 实例的方法,只响应 Promise.reject() 或 Promise 执行器中 throw 出来的错误(且该 Promise 未被上层 .then() 的第二个参数或另一个 .catch() 捕获)。它本质上是 .then(undefined, onRejected) 的语法糖。
立即学习“Java免费学习笔记(深入)”;
关键点:
只能捕获 Promise 异步流程中的错误,对同步错误无效 具有“冒泡”特性:一个 .catch() 能捕获前面任意环节未处理的 rejection 在 async/await 中,推荐用 try-catch 包裹 await 表达式,因为 await 会把 rejected Promise 转为同步抛出的错误
async/await 让两者可以自然融合
使用 async/await 后,异步代码写法接近同步,这时 try-catch 就能直接捕获 await 后 Promise 的 rejection,无需链式 .catch()。这是目前最主流、可读性最好的错误处理组合。
例如:
async function fetchData() {
try {
const res = await fetch(‘/api/data’);
if (!res.ok) throw new Error(‘Network failed’);
return await res.json();
} catch (err) {
console.error(‘请求失败:’, err.message);
return null;
}
}
不要混用或遗漏错误处理路径
常见误区:
只写 .then(success) 不写 .catch() → rejection 会静默丢失(在严格模式或开启 Promise rejection tracking 时会报 warning) 在 Promise 构造函数里用 try-catch 包裹异步操作但忘了 reject(e) → 错误被吞掉 用 try-catch 包裹整个 Promise 链(如 try { promise.then(...).catch(...) })→ 没有意义,因为 Promise 链本身是同步创建的,不会抛错
以上就是javascript中错误处理是什么_try-catch与Promise.catch有何不同?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1544371.html
微信扫一扫
支付宝扫一扫