JavaScript错误处理核心是防止崩溃并响应异常:try-catch捕获同步错误,Promise.catch捕获Promise异步拒绝,async/await使try-catch可直接处理await的rejection。
JavaScript 中的错误处理,核心是让程序在出错时不至于崩溃,并能有意识地响应异常。
try-catch
和
Promise.catch
都用于捕获错误,但
作用域
、触发时机和适用场景完全不同。
try-catch 处理同步代码和可预见的运行时错误
try-catch
是 JavaScript 原生的异常处理机制,只能捕获**同步执行过程中抛出的错误**(比如
、引用未定义变量、类型错误等)。它无法捕获异步操作中发生的错误(如定时器、事件回调、Promise 内部的
),除非这些异步操作被显式包裹在 try-catch 里(但通常不这么做)。
常见用法:
验证用户输入或 JSON 解析等可能立即失败的操作
访问可能不存在的对象属性前做防御性检查(有时比 try-catch 更轻量)
配合
执行清理逻辑(如关闭资源、重置状态)
Promise.catch 专门捕获 Promise 链中的异步拒绝(rejection)
Promise.catch()
是 Promise 实例的方法,只响应
或 Promise 执行器中
出来的错误(且该 Promise 未被上层
的第二个参数或另一个
捕获)。它本质上是
的语法糖。
立即学习
“
Java免费学习笔记(深入)
”;
Eclipse导入Android或其他的JAVA项目的正确方法 WORD版
本文档主要讲述的是Eclipse导入Android或其他的JAVA项目的正确方法;希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看
下载
关键点:
只能捕获 Promise 异步流程中的错误,对同步错误无效
具有“冒泡”特性:一个
能捕获前面任意环节未处理的 rejection
在 async/await 中,推荐用 try-catch 包裹 await 表达式,因为 await 会把 rejected Promise 转为同步抛出的错误
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;}}
不要混用或遗漏错误处理路径
常见误区:
只写
不写
→ rejection 会静默丢失(在严格模式或开启 Promise rejection tracking 时会报 warning)
在 Promise 构造函数里用 try-catch 包裹异步操作但忘了
→ 错误被吞掉
用 try-catch 包裹整个 Promise 链(如
)→ 没有意义,因为 Promise 链本身是同步创建的,不会抛错
throw new Error()throwfinallyPromise.reject()throw.then().catch().then(undefined, onRejected).catch()async/await.then(success).catch()reject(e)try { promise.then(...).catch(...) }