ES2018 引入了两个新的特性，异步迭代 Generators 和 Async/Await，这些特性可以帮助开发者更轻松地处理异步操作，提高代码的可读性和可维护性。
Generators
Generator 函数可以用来创建迭代器，它可以通过 yield 关键字来暂停执行，并返回一个值。当再次调用该函数时，它会从上一次暂停的位置继续执行，直到遇到下一个 yield 关键字。
异步迭代器是一个通过 Symbol.asyncIterator 方法定义的迭代器，它可以用来处理异步操作。Generator 函数可以用来创建异步迭代器，如下所示：
-- -------------------- ---- ------- ----- --------- ---------------- - ----- ------------------- ----- ------------------- ----- ------------------- - ----- --------- - ----------------- ----------------------------------- -- - ------ -- ----- ----- - ----------------------------------- -- - ------ -- ----- ----- - ----------------------------------- -- - ------ -- ----- ----- -展开代码
在上面的示例中，我们创建了一个异步迭代器 asyncGenerator，它通过 yield 关键字返回了三个 Promise 对象。我们可以通过 next 方法来获取每个 Promise 对象的结果。
Async/Await
Async/Await 是一种更加简洁的处理异步操作的方式。它可以让开发者像编写同步代码一样编写异步代码，提高了代码的可读性和可维护性。
Async/Await 的基本用法如下所示：
-- -------------------- ---- ------- ----- -------- ----- - --- - ----- ------- - ----- ----------- ----- ------- - ----- ------------------ ----- ------- - ----- ------------------ ------ -------- - ----- ------- - --------------------- - -展开代码
在上面的示例中，我们使用 async 关键字定义了一个异步函数 foo，它通过 await 关键字等待三个 Promise 对象的结果，并通过 try...catch 语句捕获可能出现的错误。
除了基本用法之外，Async/Await 还支持并发执行多个异步操作，如下所示：
async function bar() { try { const [result1, result2, result3] = await Promise.all([promise1(), promise2(), promise3()]); return [result1, result2, result3]; } catch (error) { console.error(error); } }
在上面的示例中，我们使用 Promise.all 方法同时执行三个异步操作，并通过解构赋值获取每个 Promise 对象的结果。
总结
ES2018 的异步迭代 Generators 和 Async/Await 特性为开发者提供了更加简洁、可读性更高的处理异步操作的方式。如果你还没有尝试过这些特性，不妨在你的下一个项目中使用它们来提高代码的可维护性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d85f921886fbafa46107ee
