javascript怎样进行错误处理_trycatch和Promise错误如何捕获-js教程-PHP中文网

javascript怎样进行错误处理_trycatch和Promise错误如何捕获

狼影

发布： 2025-12-23 22:19:55

原创

726人浏览过

JavaScript错误处理分同步和异步两类：同步错误用try...catch捕获，异步错误需用.catch()、async/await+try...catch或全局unhandledrejection/error事件处理，关键在于捕获位置准确。

javascript怎样进行错误处理_trycatch和promise错误如何捕获

JavaScript 错误处理主要分同步和异步两类：同步错误用 try...catch 捕获，异步错误（尤其是 Promise）需结合 .catch()、async/await + try...catch 或全局钩子来处理。关键不是“能不能捕”，而是“在哪儿捕”——位置错了，错误就漏掉了。

同步错误：用 try...catch 直接包裹可能出错的代码

try...catch 只能捕获**同步执行过程中抛出的错误**（比如 throw new Error()、类型错误、引用错误等），不能捕获异步回调里的错误（如 setTimeout 里抛错）。

把可能报错的语句放在 try 块中，比如 JSON 解析、对象属性访问、函数调用
catch 参数是错误对象，可访问 message、name、stack 等属性
可选 finally 块，无论是否出错都会执行，适合清理资源

示例：

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

登录后复制

Promise 错误：用 .catch() 或 await + try...catch

Promise 链中的错误不会冒泡到外层 try...catch，必须显式处理。两种主流方式：

立即学习“Java免费学习笔记（深入）”；

链式 .catch()：接在 .then() 后，捕获前面任意环节的 reject 或 throw
async/await + try...catch：让异步代码写得像同步，错误可被直接捕获

注意：未被 .catch() 或 try...catch 处理的 Promise rejection 会触发 unhandledrejection 事件（可在全局监听）。

Blogcast™

BlogcastTM是一个文本转语音的工具，允许用户创建播客、视频、电子学习课程的音频和音频书籍，而无需录制。

查看详情

示例（推荐 await 方式）：

async function fetchUser() {
  try {
    const res = await fetch('/api/user');
    if (!res.ok) throw new Error(`HTTP ${res.status}`);
    const user = await res.json();
    return user;
  } catch (err) {
    console.error('获取用户失败：', err.message);
  }
}

登录后复制

全局兜底：监听 unhandledrejection 和 error

用于捕获漏掉的 Promise 错误和全局同步错误（如脚本加载失败、语法错误），适合日志上报或友好的错误提示：

window.addEventListener('unhandledrejection', e => { ... })：捕获未处理的 Promise rejection
window.addEventListener('error', e => { ... })：捕获未被捕获的同步错误（如 <script></script> 加载失败、全局作用域 throw）

注意：error 事件不捕获 Promise 错误，unhandledrejection 不捕获同步错误，两者互补。