携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第18天juejin.cn/post/712312…

Iterator（遍历器）

1、概念：

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

在js里大多数时候接口指的就是方法，对象名.方法名。做数据的时候接口指的可能就是数据。

2、作用：

Iterator 的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是 ES6 创造了一种新的遍历命令for...of循环，Iterator 接口主要供for...of消费。

for...of遍历数组原理：它是来遍历Ieterator接口对象的。先获取到Iterator接口对象。for...of相当于自己在不断地调用next（）方法。

3、Iterator(遍历器)对象介绍 遍历器对象，本身就是一个只针对象。Iterator便利的过程也可以说是在不断移动指针的位置。next（）方法返回值是一个对象，{value:值,done:false/true}，到最后没有值，返回的对象是{value:undefined,done:true}

Iterator 的遍历过程:

（1）创建一个指针对象，指向当前数据结构的起始位置。也就是说，遍历器对象本质上，就是一个指针对象。

（2）第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员。

（3）第二次调用指针对象的next方法，指针就指向数据结构的第二个成员。

（4）不断调用指针对象的next方法，直到它指向数据结构的结束位置。

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

arr[Sybom.iterator]返回值是一个函数，调用arr[Sybom.iterator]（）得到就是一个遍历器对象

原生具备Iterator接口的数据结构有：Array、String、Map、Set、NodeList、函数的arguments、TypeArray。

注意：Object对象没有Iterator接口，所以它不能用for...of遍历，包括JSON对象也不能。 arrSymbol.iterator == arr.values()

调用 Iterator 接口的场合

1、解构赋值

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

2、扩展运算符

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

3、yield*

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

只要参数是一个数组，内部都用到了iterator接口。

for...of 对象怎么用for...of，一种是手动添加iterator接口，另外就是用Generator函数包裹