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免费学习笔记(深入)”;
动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包
关键点:
- 只能捕获 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 链本身是同步创建的,不会抛错










