前言
在现代 Web 应用程序中，异步编程是一项必备技能。JavaScript 中的异步编程支持通过异步函数和生成器函数实现。在 ECMAScript 2021 中，我们看到了新的关键字 async 和 await，使得异步编程更加方便易懂。同时，ECMAScript 2021 也引入了生成器函数，可以让异步编程更加高效灵活。本文旨在介绍如何使用 async generator 函数进行异步编程。
Async 函数和 Await 关键字
在介绍 async generator 函数之前，我们首先需要了解 async 和 await 关键字，以及它们如何用于异步编程。
async 关键字用于定义异步函数，使得函数返回值为 Promise 对象。在函数中使用 await 关键字可以阻塞函数执行，直到 Promise 对象状态变为 resolved 或 rejected 才会继续执行函数。下面是一个示例代码：
async function hello() {
await new Promise((resolve, reject) => setTimeout(resolve, 1000));
return 'Hello World';
}
hello().then(console.log); // 在 1 秒后控制台输出 "Hello World"在上面的代码中，我们定义了一个名为 hello 的异步函数，其中使用了 await 关键字。在这个函数中，我们在 Promise 对象被 resolved 之前暂停了 1000 毫秒。当 Promise 对象被 resolved 时，函数将返回 "Hello World"，并输出到控制台。
生成器函数
生成器函数是 ECMAScript 2015 引入的一项新特性。它允许开发者使用 yield 关键字暂停和恢复函数执行。在生成器中，可以迭代一个序列，并在必要时动态地生成值。下面是一个简单的生成器函数示例：
-- -------------------- ---- ------- --------- ------------------ - ----- -- ----- -- ----- -- - ----- --------- - ------------------- ------------------------------------ -- - ------------------------------------ -- - ------------------------------------ -- -
在上面的示例中，我们定义了一个生成器函数 generateSequence，其中包含三个 yield 语句。我们可以在生成器函数中使用 yield 关键字来暂停执行，然后将数据返回给调用方。然后调用方可以以迭代器的形式在生成器函数中查询数据。
异步生成器函数
异步生成器函数是 ECMAScript 2021 中引入的概念。它允许开发者在生成器函数内部编写异步代码。异步生成器函数是一个异步函数，其返回值是一个异步迭代器。异步迭代器允许我们使用 await 关键字等待 Promise 对象状态被 resolved 或 rejected。
下面是一个简单的异步生成器示例：
-- -------------------- ---- -------
----- --------- ------------------ -
----- --- --------------- -- ------------------- -------
----- --
----- --- --------------- -- ------------------- -------
----- --
----- --- --------------- -- ------------------- -------
----- --
-
------ ---------- -
----- --------- - -------------------
--- ----- ------ ----- -- ---------- -
-------------------
-
-----
-- ---------- -- -- -在上面的示例中，我们定义了一个名为 generateSequence 的异步生成器函数。在这个函数中，我们使用了 await 关键字等待 Promise 对象状态被 resolved。然后，在每次 yield 语句之后，我们都等待 1000 毫秒，然后生成下一个值。最后，我们使用 for await 循环迭代异步生成器对象，并在控制台中输出每个生成的值。
总结
异步编程在现代 Web 应用程序中是必不可少的。ECMAScript 2021 引入了生成器函数和异步生成器函数，可以为我们提供更灵活和高效的异步编程解决方案。本文介绍了 async 函数和 await 关键字，生成器函数和异步生成器函数的使用方法。希望本文能够帮助您更好地理解异步编程，并且为您解决实际的开发问题提供指导和参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c3968e83d39b488178f47d