async&await方法中异常如何处理?

  • try catch可以,比较方便
  • .catch也可以
  • .catch配合析构赋值也可以,比较优雅

在 async/await 方法中,可以使用 try-catch 块来处理异常。通过使用 try-catch,可以捕获异步操作中抛出的异常,并在 catch 块中进行适当的处理。

下面是一个 async/await 方法中使用 try-catch 处理异常的示例:

javascript 复制代码
async function fetchData() {
  try {
    const response = await fetch("https://api.example.com/data");
    if (!response.ok) {
      throw new Error("Request failed");
    }
    const data = await response.json();
    return data;
  } catch (error) {
    console.error("Error:", error);
    throw error; // 可以选择重新抛出异常
  }
}

async function process() {
  try {
    const result = await fetchData();
    console.log("Result:", result);
  } catch (error) {
    console.error("Error:", error);
  }
}

process();

在上述示例中,fetchData 函数是一个异步函数,内部使用 await 关键字等待 fetch 方法返回的 Promise 对象。如果请求失败(response.ok 为 false),则使用 throw 关键字抛出一个错误。在 catch 块中,可以捕获和处理这个错误,并进行适当的操作,比如打印错误信息或重新抛出异常。

在 process 函数中,使用 try-catch 块来捕获 fetchData 函数可能抛出的异常。如果 fetchData 函数中的异常被捕获到,则会在 catch 块中进行处理。

需要注意的是,在 async/await 方法中,如果不使用 try-catch 来处理异常,异步操作中抛出的错误将会被包装成一个被拒绝(rejected)的 Promise 对象,可以通过在调用 async 函数时使用 catch 方法来捕获这个错误。

async/await 方法提供了一种更直观和简洁的方式来处理异步操作,并且可以方便地使用 try-catch 来处理异常,使代码更易读和易于维护。

在 async/await 方法中,可以使用 .catch() 方法结合析构赋值(Destructuring Assignment)来进行异常处理。

下面是一个示例,展示了如何使用析构赋值和 .catch() 方法来处理异常:

javascript 复制代码
async function fetchData() {
  const response = await fetch("https://api.example.com/data");
  if (!response.ok) {
    throw new Error("Request failed");
  }
  const data = await response.json();
  return data;
}

async function process() {
  try {
    const result = await fetchData();
    console.log("Result:", result);
  } catch ({ message }) {
    console.error("Error:", message);
  }
}

process().catch(error => {
  console.error("Unhandled error:", error);
});

在上述示例中,fetchData 函数是一个异步函数,内部使用 await 关键字等待 fetch 方法返回的 Promise 对象。如果请求失败(response.ok 为 false),则使用 throw 关键字抛出一个错误。

在 process 函数中,使用 try-catch 块来捕获 fetchData 函数可能抛出的异常。在 catch 块中,使用析构赋值将错误对象的 message 属性解构出来,并进行适当的处理。

在调用 process 函数时,可以使用 .catch() 方法来捕获未处理的异常。这样可以确保在异步操作中抛出的异常能够被正确地捕获和处理。

通过使用析构赋值和 .catch() 方法,可以更方便地提取错误对象中的特定属性,并进行异常处理。这种方式可以使代码更加简洁和易读。

相关推荐
kyriewen26 分钟前
今年裁了16万技术人——但字节前端岗反而涨了23%
前端·javascript·面试
王林不想说话2 小时前
ES6 到 ES2026 全面进阶指南:新特性、原理、示例与工程落地
前端·javascript·面试
WZzz2 小时前
JavaScript 中 this 的「指向」完整教程
javascript
mONESY2 小时前
浏览器里跑 DeepSeek-R1,这份 worker.js 到底写了什么
javascript
用户6919026813393 小时前
用浏览器 WebGPU跑DPSK大模型(1) - 模型的下载和前端下载进度的显示
javascript·react.js·架构
夏幻灵3 小时前
Vue 2 与 Vue 3 在应用初始化上的设计差异与技术演进
前端·javascript·vue.js
悟空瞎说4 小时前
Three.js 架构实践:用 MVC 模式组织你的 3D 应用
前端·javascript
王林不想说话4 小时前
JavaScript 从入门到进阶:一篇覆盖核心知识、运行机制与工程实践
javascript
windliang4 小时前
Claude Code 源码分析(十一):一段会话怎样保存、恢复与续写
前端·javascript·人工智能
小小尚@7 小时前
AE脚本-AE Actions v1.1.8 操作动作记录器
开发语言·前端·javascript·jupyter·postman