Community/Angular/Chinese/guides/async-await

使用 Async/Await 进行异步编程

在 Angular 中，处理异步操作是一种常见的需求。Async/Await 是一种更简洁、更易读的方式来处理 JavaScript 中的异步代码。

1. 异步函数

Async 函数是 JavaScript 的一个特性，它允许你以同步的方式编写异步代码。使用 async 关键字定义的函数会返回一个 Promise。

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 fetching data:', error);
  }
}

fetchData();

2. 使用 Async/Await 的好处

• 更易读：异步代码看起来更像是同步代码，这使得理解代码变得更加容易。
• 更好的错误处理：使用 try/catch 可以更方便地捕获和处理错误。

3. 示例：获取用户列表

下面是一个使用 Async/Await 获取用户列表的示例。

async function getUserList() {
  try {
    const response = await fetch('/api/users');
    const users = await response.json();
    console.log(users);
  } catch (error) {
    console.error('Error fetching user list:', error);
  }
}

getUserList();

4. 相关资源

如果您想了解更多关于 Angular 和 Async/Await 的信息，请访问以下链接：

• Angular 官方文档 - 异步编程

Angular Logo