ES9 的 async/await 使用指南-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 的异步编程中，回调函数和 Promise 都是常见的方式，但在 ES9 引入的 async/await 中，更加地便捷和易读。本文将会详细介绍 ES9 的 async/await 用法，以及其深度和学习以及指导意义。

async/await 简介

async/await 是 ECMAScript 8 (ES8) 引入的一组异步编程解决方案，它的目的是简化 Promise 和 Generator 的使用。它使异步代码的编写方式变得更加统一、简单和直观，以纯同步方式编写异步代码，从而避免了回调函数中的嵌套问题。

async/await 的基本用法

在一个函数前面添加 async 关键字，该函数就变成了一个异步函数，该函数将返回一个 Promise 对象，该 Promise 对象的 resolve 值就是该函数的返回值。例如：

async function getData() {
  return 'data';
}

getData().then(value => {
  console.log(value); // 'data'
});

在异步函数中，可以使用 await 关键字来暂停异步函数的执行，直到异步操作完成，await 关键字后面的表达式将会被求值。例如：

async function getData() {
  let data = await fetchData();
  console.log(data); // 数据已经获取完成
}

getData();

在 async 函数中，await 必须在异步操作的返回结果上使用。如果尝试等待非异步操作，则会立即执行。例如：

async function test() {
  let result = await 'hello';
  console.log(result); // 'hello'
}

test();

async/await 嵌套

使用 async 和 await 进行异步编程代码比较方便，在多个异步操作时，可以通过嵌套来实现代码执行的顺序。如下：

async function getData() {
  let data1 = await fetchData1();
  let data2 = await fetchData2();
  console.log(data1, data2);
}

getData();

错误处理

在 async 函数中，可以使用 try、catch、finally 来捕获和处理错误。例如：

-- -------------------- ---- -------
----- -------- --------- -
  --- -
    --- ---- - ----- ------------
    ------------------
  - ----- ------- -
    --------------------- -------
  -
-

----------

async/await 结合 Promise.all

在实际开发中，我们可能有多个异步操作，它们之间并没有依赖关系，可以并行执行。Promise.all 可以非常方便地管理这种情况，async/await 与 Promise.all 的结合使用，代码会变得更加简洁。例如：

async function getAllData() {
  let [data1, data2] = await Promise.all([fetchData1(), fetchData2()]);
  console.log(data1, data2);
}

getAllData();

async/await 的异步迭代器

在 ES9 中，异步迭代器是 Promise 迭代器的异步版本。异步迭代器是一个异步函数，其返回的值是一个具有 Symbol.iterator 属性的对象，它可以用 for-await-of 遍历，并会自动等待每个 Promise 解决。例如：

-- -------------------- ---- -------
----- --------- ---------------- -
  ----- ----- -------------------
  ----- ----- -------------------
  ----- ----- -------------------
-

------ ---------- -
  --- ----- ---- --- -- ----------------- -
    -----------------
  -
-----

总结

async/await 是 ES9 中引入的一种解决方案，可以让异步编程变得更加简单、易读、可维护。它可以让异步代码的编写方式变得更加统一、简单和直观，在实际开发中，经常用于异步数据获取和对并发异步操作的管理。在学习使用的时候，需要注意错误处理、async/await 嵌套、async/await 和 Promise.all 的结合使用、异步迭代器等关键点细节，这将有很大的指导意义。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/649190d348841e9894f9b9ec