异步生成器的概念
ES10 (ECMAScript 2019) 引入了异步生成器（Async Generators）这一新功能。异步生成器是一个包含 async 函数的生成器，可以通过 yield 语句返回异步操作的结果。
异步操作是指在执行过程中需要等待某些耗时的操作，如从服务器获取数据、读取文件等操作，这些不能立即返回结果，需要等待操作完成后再进行下一步操作。
因此，异步操作需要一种机制来实现异步编程，现在通常使用的方法是 promise 或 async/await。而异步生成器则是针对异步操作的一种进一步封装。
使用异步生成器
异步生成器使用上与普通生成器类似，不同的是异步生成器中的 next 方法会返回一个 promise，而 yield 语句后面的表达式需要是一个 promise 对象。
以下是一个简单的示例：
-- -------------------- ---- -------
----- --------- ---------------- -
--- - - --
----------- -
----- --- --------------- -- ------------- -- ------------- -------
-
-
--- --- - -----------------
--- ----- - ----- ----------- -- - ------ -- ----- ----- -
--- ----- - ----- ----------- -- - ------ -- ----- ----- -
--- ----- - ----- ----------- -- - ------ -- ----- ----- -
-- ---在上面的示例中，异步生成器 asyncGenerator 返回一个无限递增的数字序列，每个数字之间间隔 1 秒钟。
我们通过生成器对象 gen 调用 next 方法并使用 await 等待异步操作完成后获取每一步的结果。
异步操作的错误处理
异步生成器中的错误处理相对有些复杂，需要注意以下几点：
try...catch语句无法捕获异步操作中的错误，需要使用catch方法捕获。当
next方法抛出异常时，必须用return或另一个throw方法来结束生成器。
以下是一个使用异步生成器处理异步操作错误的示例：
-- -------------------- ---- -------
----- --------- ---------------- -
--- - - --
----------- -
--- -
----- --- --------------- -- ------------- -- ------------- -------
- ----- ----- -
----------------------- -----
----- ----
-
-
-
--- --- - -----------------
--- -
--- ----- - ----- -----------
- ----- ----- -
----------------------- -----
-在上面的示例中，我们在异步操作中使用 try...catch 语句捕获错误，并使用 throw 方法结束生成器。
在外部调用异步操作时，也需要使用 try...catch 语句捕获错误。
总结
异步生成器是一个很有用的异步编程工具，可以简化异步操作的处理过程，提高代码的可读性和可维护性。
在使用异步生成器时，需要注意错误处理问题，避免因异步操作中的错误引起程序崩溃。
我们可以在异步操作频繁的应用场景中使用异步生成器，如异步文件读取，异步网络请求等。
最后，推荐阅读 Promise 和 async/await 相关的技术文章，深入了解异步编程的原理和应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64533c21968c7c53b07aeed6