目录

Iterator的概念

默认Iterator接口

调用Iterator接口的场合

字符串的Iterator接口

遍历器对象的return()，throw()

for...of 循环

---

Iterator的概念

JS原有的表示“集合”的数据结构，主要是数组（Array）和对象（Object），ES6 又添加了Map和Set，为了遍历这些数据集合，就需要一种统一的接口，来处理所有不同的数据结构。

遍历器（Iterator）就是这个统一的接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。

Iterator 的作用有三个：

①为各种数据结构，提供一个统一的、简便的访问接口；

②使得数据结构的成员能够按某种次序排列；

③ES6创造了一种新的遍历命令for...of循环，Iterator 接口主要供for...of消费。

每一次调用next方法，都会返回数据结构的当前成员的信息。具体来说，就是返回一个包含value和done两个属性的对象。其中，value属性是当前成员的值，done属性是一个布尔值，表示遍历是否结束。

由于Iterator只是把接口规格加到数据结构之上，所以，遍历器与它所遍历的那个数据结构，实际上是分开的，完全可以写出没有对应数据结构的遍历器对象。

默认Iterator接口

Iterator 接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即for...of循环。当使用for...of循环遍历某种数据结构时，该循环会自动去寻找 Iterator 接口。

当一种数据结构只要部署了 Iterator 接口，我们就称这种数据结构是“可遍历的”（iterable）。

ES6规定，默认的Iterator接口部署在数据结构的Symbol.iterator属性，或者说，一个数据结构只要具有Symbol.iterator属性，就可以认为是“可遍历的”（iterable）。Symbol.iterator属性本身是一个函数，就是当前数据结构默认的遍历器生成函数。执行这个函数，就会返回一个遍历器。至于属性名Symbol.iterator，它是一个表达式，返回Symbol对象的iterator属性，这是一个预定义好的、类型为 Symbol 的特殊值，所以要放在方括号内。

对于原生部署Iterator接口的数据结构，不用自己写遍历器生成函数，for...of循环会自动遍历它们。除此之外，其他数据结构（主要是对象）的Iterator接口，都需要自己在Symbol.iterator属性上面部署，这样才会被for...of循环遍历。

调用Iterator接口的场合

除了for...of循环，还有几个别的场合：

①解构赋值：对数组和 Set 结构进行解构赋值时，会默认调用Symbol.iterator方法。

②扩展运算符：扩展运算符（...）也会调用默认的Iterator接口。

③yield*：yield*后面跟的是一个可遍历的结构，它会调用该结构的遍历器接口。

④其他场合：由于数组的遍历会调用遍历器接口，所以任何接受数组作为参数的场合，其实都调用了遍历器接口：

for...of/Array.from()/Map(), Set(), WeakMap(), WeakSet()/Promise.all()/Promise.race()

字符串的Iterator接口

字符串是一个类似数组的对象，也原生具有Iterator接口。

遍历器对象的return()，throw()

遍历器对象除了具有next()方法，还可以具有return()方法和throw()方法。如果你自己写遍历器对象生成函数，那么next()方法是必须部署的，return()方法和throw()方法是否部署是可选的。

return()方法的使用场合是，如果for...of循环提前退出（通常是因为出错，或者有break语句），就会调用return()方法。如果一个对象在完成遍历前，需要清理或释放资源，就可以部署return()方法。

注意，return()方法必须返回一个对象，这是 Generator 语法决定的。

throw()方法主要是配合Generator函数使用，一般的遍历器对象用不到这个方法。

for...of 循环

一个数据结构只要部署了Symbol.iterator属性，就被视为具有 iterator 接口，就可以用for...of循环遍历它的成员。也就是说，for...of循环内部调用的是数据结构的Symbol.iterator方法。

for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象（比如arguments对象、DOM NodeList 对象）、后文的 Generator 对象，以及字符串。

标签：ECMAScript6,...,遍历,15,iterator,Iterator,接口,数据结构
来源： https://blog.csdn.net/attack_breast/article/details/110839867