前言
在 ECMAScript 2017 (ES8) 中，引入了异步迭代器的概念。异步迭代器允许我们在异步操作中使用 for-await-of 循环语句，从而更加方便地处理异步数据。在这篇文章中，我们将深入探讨异步迭代器的实现原理，并提供示例代码。
什么是异步迭代器？
在 ECMAScript 中，迭代器是一种实现了特定接口的对象，该接口包括 next() 方法，该方法返回一个包含 value 和 done 属性的对象。当 done 属性为 true 时，表示迭代器已经完成，否则表示迭代器还未完成。在 ES8 中，我们引入了异步迭代器的概念，它允许我们在异步操作中使用迭代器。
异步迭代器和普通迭代器的区别在于，异步迭代器的 next() 方法返回的是一个 Promise 对象，而不是一个包含 value 和 done 属性的对象。当 Promise 对象 resolve 时，表示异步操作完成，Promise 对象的 value 属性则为当前迭代器的值。
异步迭代器的实现原理
异步迭代器的实现原理其实非常简单。我们只需要在普通迭代器的基础上，将 next() 方法返回的对象换成一个 Promise 对象即可。
下面是一个简单的示例代码：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
----- ---- - --- -- ---
--- ----- - --
------ -
------ -
------ --- ----------------- ------- -- -
------------- -- -
-- ------ - ------------ -
--------- ------ -------------- ----- ----- ---
- ---- -
--------- ----- ---- ---
-
-- ------
---
-
-
-
--
------ -- -- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----在这个示例代码中，我们定义了一个 asyncIterator 对象，该对象实现了 Symbol.asyncIterator 接口，该接口返回一个包含 next() 方法的对象。在 next() 方法中，我们使用 setTimeout 模拟异步操作，并通过 Promise 对象返回当前迭代器的值。
在 for-await-of 循环语句中，我们使用 await 关键字等待异步操作完成，并通过 const num of asyncIterator 的形式获取当前迭代器的值。
总结
在 ECMAScript 2017 (ES8) 中，我们引入了异步迭代器的概念，它允许我们在异步操作中使用迭代器。异步迭代器的实现原理非常简单，只需要在普通迭代器的基础上，将 next() 方法返回的对象换成一个 Promise 对象即可。异步迭代器的引入，使得我们在处理异步数据时更加方便，也更加符合现代 JavaScript 的语言特性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6514948b95b1f8cacdcfbe74