await和async 失败返回

在JavaScript中，`await` 和 `async` 关键字通常与异步函数一起使用，它们是处理Promise的一种更直观的方式。`async` 函数会自动返回一个Promise，而 `await` 则用于等待Promise解析完成。

当 `await` 后面的Promise失败（即被 reject），它会立即停止当前的 async 函数，并抛出一个错误。这个错误可以被捕获并通过 `try...catch` 或 `.catch()` 方法处理。例如：

async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) {
      throw new Error(`Error: ${response.status}`);
    }
    // 成功处理数据
  } catch (error) {
    console.error('Fetch failed:', error);
  }
}

在这个例子中，如果网络请求失败（比如HTTP状态码不是200），`fetch` Promise会被拒绝并触发 `catch` 子句，将错误信息记录到控制台。

相关问题

await 、async

`await`和`async`是JavaScript中的关键字，它们通常与异步编程（asynchronous programming）一起使用，特别是与Promise和async/await语法配合，以实现更简洁、可读的非阻塞代码。

**async** 关键字用于定义一个函数为异步函数。当函数中包含`await`表达式时，该表达式会暂停函数的执行，直到被等待的Promise解析或拒绝。这样可以让开发者更容易地管理异步操作的流程，避免回调地狱。

**await** 关键字用于在`async`函数内部，它紧跟在一个Promise上调用，等待Promise的结果。如果Promise成功（resolve），那么await后面的代码块将被执行；如果Promise失败（reject），则会抛出一个错误，可以被`try/catch`捕获。

简单来说，`async`函数返回的是一个Promise，而`await`用于使Promise的结果成为异步函数的直接结果。这是ES6引入的一种异步编程模式，使得代码更加直观和易于理解。

如何解构axios await/async get 请求返回的 promise对象

当使用 axios 发送一个请求，并使用 async/await 处理响应时，会返回一个 promise 对象。这个 promise 对象包含了响应的结果，我们可以通过解构赋值的方式获取这些结果。

例如，如果我们发送了一个 GET 请求，获取一个用户的信息，我们可以这样处理响应：

const axios = require('axios');

async function getUserInfo(userId) {
  try {
    const { data } = await axios.get(`https://api.example.com/users/${userId}`);
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

getUserInfo('123');

在这个例子中，我们使用了 async/await 处理 GET 请求的响应。当响应返回时，我们使用解构赋值将 data 属性从响应对象中提取出来，然后在控制台中打印出来。

如果请求失败，我们会在 catch 块中捕获错误并打印出来。