JavaScript如何进行错误处理_try-catch和Promise.catch怎么用_网络技术

JavaScript如何进行错误处理_try-catch和Promise.catch怎么用

发布时间 - 2025-12-25 00:00:00 点击率：次

JavaScript错误处理需区分同步与异步：同步错误用try-catch捕获，异步Promise错误用.catch()或await+try-catch；两者不可互换，全局兜底用window.onerror和unhandledrejection。

JavaScript 错误处理主要靠 try-catch 处理同步错误，用 .catch() 处理 Promise 异步错误；两者不能互相替代，得按执行时机选对方式。

同步错误：用 try-catch 捕获

try-catch 只能捕获运行时同步抛出的错误（比如 throw new Error()、引用未定义变量、JSON.parse 失败等），无法捕获异步代码里的错误（如 setTimeout 里的 throw）。

基本写法：

try {
  const data = JSON.parse('{ "name": "Alice"'); // 缺少 }
  console.log(data);
} catch (err) {
  console.error('解析失败：', err.message); // SyntaxError: Unexpected end of JSON input
}

推荐始终在 catch 中检查 err instanceof Error，避免非 Error 对象导致意外行为
可以加 finally 块做清理工作（无论成功失败都执行）
不要空 catch（即 catch {}），至少记录日志或重新抛出

异步错误（Promise）：用 .catch() 或 await + try-catch

Promise 链中的错误不会冒泡到外层 try-catch，必须显式用 .catch() 或配合 await 使用 try-catch。

写法一（链式调用）：

fetch('/api/user')
  .then(res => res.json())
  .then(data => console.log(data))
  .catch(err => console.error('请求或解析失败：', err));

写法二（async/await 更直观）：

async function getUser() {
  try {
    const res = await fetch('/api/user');
    const data = await res.json();
    console.log(data);
  } catch (err) {
    console.error('哪里出错了：', err);
  }
}

多个 await 可共用一个 try-catch，逻辑更集中
.catch() 必须放在 Promise 链末尾，否则中间错误会丢失
如果 Promise 被 reject 但没接 .catch()，控制台会报 “Uncaught (in promise)” 警告

全局兜底：window.onerror 和 unhandledrejection

用于捕获漏掉的错误，适合监控和上报，不适合业务逻辑恢复。

window.onerror：捕获同步脚本错误、资源加载失败（如 JS 文件 404）
window.addEventListener('unhandledrejection')：捕获未被 .catch() 或 try-catch 拦截的 Promise reject

示例：

window.addEventListener('unhandledrejection', event => {
  console.warn('未处理的 Promise 错误：', event.reason);
  // 可上报到 Sentry 或其他监控平台
});

常见误区提醒

try-catch 包不住 setTimeout(() => { throw new Error(); }) —— 这是异步错误，要用 unhandledrejection 或包装成 Promise
Promise.reject() 不等于抛错，它只是创建一个已拒绝的 Promise，需用 .catch() 接住
不要在 catch 里吞掉错误又不处理也不上报，这会让问题难以排查
Node.js 环境下还有 process.on('uncaughtException') 和 process.on('unhandledRejection')，原理类似但监听对象不同

# javascript # java # js # node.js # json # node # ai # win

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：长沙网站优化公司哪家排名效果更佳？

下一篇：如何使用Nginx进行HTTP请求的日志记录和分析

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：长沙网站优化公司哪家排名效果更佳？

下一篇：如何使用Nginx进行HTTP请求的日志记录和分析