JavaScript Async/Await 教程

Async/Await 是 JavaScript 中一种用于处理异步操作的新语法，它使得异步代码更加简洁和易读。

简介

Async/Await 语法建立在 Promises 的基础上，它允许你使用 .then() 和 .catch() 方法之外的更简洁的方式编写异步代码。

为什么使用 Async/Await？

1. 代码可读性更高：异步代码使用同步代码的写法，更加直观。
2. 错误处理更方便：使用 try/catch 结构，与同步代码一致。
3. 链式调用更简洁：无需多个 .then() 调用，代码更简洁。

基本用法

假设我们有一个异步函数 fetchData，它返回一个 Promise：

function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步操作
    setTimeout(() => {
      resolve("数据获取成功");
    }, 1000);
  });
}

使用 Async/Await，我们可以这样调用它：

async function test() {
  try {
    const data = await fetchData();
    console.log(data); // 输出：数据获取成功
  } catch (error) {
    console.error(error);
  }
}

test();

注意事项

1. 函数前需加 async 关键字：这表示函数内部可能会有 await 表达式。
2. await 后面必须跟一个返回 Promise 的表达式。
3. 错误处理：可以使用 try/catch 结构来捕获 await 表达式中的错误。

扩展阅读

更多关于 Async/Await 的内容，请参考我们的 深入理解 JavaScript Async/Await 教程。

图片展示

JavaScript