什么是 JavaScript 中的 Async/Await

发布时间:2024年01月05日

在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关键字必须在异步函数中使用,否则会引发语法错误。

文章来源:https://blog.csdn.net/weixin_59525879/article/details/135315182
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。