Async/Await 教程

Async/Await 是 JavaScript 中用于处理异步操作的语法糖，它使得异步代码的书写和阅读更加直观和简洁。

简介

Async/Await 是在 Promise 的基础上提出的，它提供了一种更加简洁的方式来编写异步代码。使用 Async/Await，你可以像写同步代码一样编写异步代码，避免了回调地狱。

基本用法

1. 创建一个异步函数

使用 async 关键字声明一个异步函数，函数内部可以使用 await 关键字等待异步操作完成。

async function fetchData() {
  const response = await fetch('/path/to/api');
  const data = await response.json();
  return data;
}

2. 使用 await

在异步函数中，await 关键字用于等待异步操作（如 Promise）的结果。当你使用 await 时，代码会暂停执行，直到异步操作完成。

3. 错误处理

异步函数中可能会抛出错误，可以使用 try...catch 语句来捕获和处理错误。

async function fetchData() {
  try {
    const response = await fetch('/path/to/api');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

实例

以下是一个使用 Async/Await 的例子，用于获取并显示用户信息。

async function getUserInfo(userId) {
  const response = await fetch(`/path/to/api/users/${userId}`);
  const userInfo = await response.json();
  console.log(userInfo);
}

getUserInfo(123);

更多关于异步编程的内容。

图片

async-await