什么是 Iterator
在 ES6 中，Iterator 是一个概念，用来遍历数据结构的成员，使得数据结构成员的访问更加简单。在 JavaScript 中，常见的数据结构有 Array、Object 和 Set 等。
ES6 中 Iterator 遍历的本质是指针，指向数据结构中的每一个成员，并按照一定顺序进行遍历，直到遍历完所有成员为止。因此，只要实现了 Iterator 接口，就可以对数据结构进行遍历。
Iterator 接口定义了数据结构的默认遍历机制，只要是具有 Iterator 接口的数据结构，才能使用 for...of 循环进行遍历。同时，Iterator 在实现上被使用在一系列场景中，比如解构赋值、扩展运算符、yield 不定值等。
Iterator 的使用方法
实现 Iterator 接口
在数据结构中实现 Iterator 接口，需要在数据结构的原型上定义一个名为 Symbol.iterator 的方法，该方法返回一个 Iterator 对象。
-- -------------------- ---- -------
----- ------- -
------------------------ -
------------- - ---------
----------- - ----------------
-
------------------- -
--- ----- - --
------ -
----- -- -- -
-- ------ - ------------ -
------ ------- ----------------------- ----- -------
- ---- -
------ ------- ---------- ----- ------
-
-
--
-
-
----- ------- - --- ---------- -- -- ---
--- ------ ------ -- -------- -
--------------------
-
-- ------- - - - -在该例中，MyArray 实现了 Iterator 接口，并定义了 next() 方法。next() 方法需要返回一个遍历对象，包含 value 和 done 两个属性。value 表示当前遍历的成员的值，done 表示遍历是否结束。在 for...of 循环中，每一次遍历都调用一次 next() 方法。
使用 Iterator 接口
在使用 Iterator 接口时，主要是通过 for...of 循环和解构赋值进行遍历数据结构。
-- -------------------- ---- ------- -- -- -------- ---- --- ------ ----- -- -------- - ------------------- - -- ------ ----- --- -------- - -------- --------------- -- ------ ------------------ -- ------ -- ------- ----- ----------- - -------------
Iterator 的指导意义
通过 Iterator 接口，可以更方便地遍历数据结构，并且在开发过程中，可以将 Iterator 应用在更多的场景中。
例如，在异步操作的处理中，可以将 Iterator 用来处理并发同时执行的任务。通过 next() 方法的返回值控制任务的执行顺序和流程。
-- -------------------- ---- -------
-------- --------- -
------ --- ----------------- ------- -- -
----- --- - --- -----------------
--------------- ---- ------
---------------------- - ---------- -
-- --------------- --- - -- ---------- --- ---- -
--------------------------
- ---- -
---------- -----------------------
-
--
----------- - ---------- -
---------- -----------------------
--
-----------
---
-
--------- --------- -
----- ------- - ----- -----------------------------------------------------------------------
----- ------- - ----- -----------------------------------------------------------------------
----- ------- - ----- -----------------------------------------------------------------------
------ --------- -------- ---------
-
-------- -------------- -
----- -------- - ------------
-------- --------------- ------ -
-- ------ -
------ ------
-
------ ----------------------
------------ -- -------------------------------
------------ -- --------------------------------
-
------ -------------------------
-
------------
------------------
--------------------在该例中，getNews 使用 yield 关键字实现异步操作的执行顺序。run 会自动执行 next() 方法，调用异步操作，根据操作的返回值，控制流程和执行顺序，最终返回一个 Promise 对象。
总结
JavaScript 中的 Iterator 可以说是 ES6 的一个重要特性，它为我们提供了更方便、更高效的遍历方式，并进一步将语言的简洁性和优雅性提升到了一个新的高度。在开发过程中，了解 Iterator 的使用方法，可以帮助我们更好地应用 Iterator，在处理异步操作、函数组合、迭代器生成数据等方面都能够发挥优秀的功能，帮助我们更好地完成开发任务。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64635fa8968c7c53b046779a