什么是 JavaScript 中的 Async/Await-CSDN博客

本文链接：https://blog.csdn.net/weixin_59525879/article/details/135315182

本文介绍了JavaScript的Async/Await特性，如何使用async关键字定义异步函数，await处理Promise结果，以及它们如何使异步代码更清晰、易读。通过示例展示了如何替换传统回调和Promise链式调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JavaScript中，Async/Await是一种处理异步操作的语法糖。它们是ES2017的新特性，旨在使异步代码更加清晰和易读。

async关键字用于定义一个异步函数。异步函数在执行时会返回一个Promise对象。这意味着我们可以使用Promise的特性（例如.then和.catch）来处理异步操作的结果。

await关键字只能在异步函数中使用。它可以暂停异步函数的执行，等待一个Promise对象的解决。当Promise对象解决（或拒绝）后，await表达式将会返回其解决值（或拒绝原因），然后异步函数继续执行。

使用Async/Await可以使异步代码看起来像同步代码，更易于理解和编写。它可以取代传统的回调函数和Promise链式调用，使异步代码更加线性和直观。

下面是一个使用Async/Await的示例：

async function getData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.log(error);
  }
}

getData();

在上面的示例中，我们定义了一个异步函数getData()。它使用await关键字暂停异步函数的执行，等待fetch函数返回一个Promise对象。然后，我们使用await再次暂停异步函数的执行，等待response.json()方法返回另一个Promise对象。最后，我们使用console.log打印出从API获取的数据。

请注意，使用await关键字必须在异步函数中使用，否则会引发语法错误。