请解释 async/await 的概念和作用。它与 Promise 的关系是什么？-JavaScript中文网-JavaScript教程资源分享门户

本题详细解读

异步编程的演变

在 async/await 出现之前，JavaScript 中处理异步操作主要依赖回调函数。回调函数容易导致“回调地狱”，代码嵌套层级过深，难以维护。为了解决这个问题，Promise 诞生了，它通过链式调用的方式来处理异步操作，改善了代码结构。但是，Promise 的 .then().catch() 链式调用在复杂的异步逻辑中依然不够直观。async/await 的出现就是为了进一步简化异步编程，提高代码的可读性和可维护性。

async 函数的特性

隐式返回 Promise： 任何使用 async 声明的函数，无论函数体内部返回什么，都会被包装成一个 Promise。即使函数返回的是一个普通的值，也会被包装成一个 resolve 状态的 Promise。这意味着我们可以像处理 Promise 一样使用 async 函数的返回值。
```
async function myAsyncFunc() {
  return 10;
}

myAsyncFunc().then(value => {
  console.log(value); // 输出 10
});
```

Promise 的 resolve 和 reject： async 函数内部如果没有抛出异常，则返回的 Promise 状态为 resolved，返回值为函数体的返回值；如果函数内部抛出了异常，则返回的 Promise 状态为 rejected，异常信息被作为 rejected 的原因。

// www.javascriptcn.com code example
async function successAsync() {
    return "success";
}

async function failAsync() {
    throw new Error("fail");
}

successAsync().then(value => console.log(value)); // 输出 "success"
failAsync().catch(error => console.error(error)); // 输出 Error: fail

await 表达式的作用

暂停执行: await 表达式会暂停 async 函数的执行，直到它后面跟随的 Promise 对象的状态变为 resolved 或 rejected。这使得异步代码看起来像是同步代码一样执行，避免了复杂的链式调用。
返回 Promise 的值: 当 Promise 状态变为 resolved 时，await 表达式会返回 Promise 的 resolve 值。这样，就可以直接使用这个值，而无需通过 .then() 来获取。

捕获 Promise 的异常: 如果 Promise 状态变为 rejected， await 表达式会抛出一个异常，可以使用 try...catch 来捕获这个异常。

// www.javascriptcn.com code example
async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
      console.error('请求失败:', error);
  }
}

fetchData();

async/await 与 Promise 的关系总结

async/await 是基于 Promise 的，它本质上是对 Promise 的语法糖。
async 函数始终返回 Promise。
await 表达式用于等待 Promise 的状态变化。
async/await 使得异步代码更加易读易维护，减少了 .then().catch() 的链式调用。
async/await 并不是取代 Promise，而是对 Promise 的一种优化。

总的来说，理解 Promise 是理解 async/await 的前提，async/await 是 Promise 的一种高级应用方式，两者相辅相成，共同构建 JavaScript 中的异步编程模式。

请解释 async/await 的概念和作用。它与 Promise 的关系是什么？

推荐答案

本题详细解读

异步编程的演变

async 函数的特性

await 表达式的作用

async/await 与 Promise 的关系总结