ES6学习笔记13 Iterator 和 for...of 循环

素颜马尾好姑娘i 2022-05-20 02:26 220阅读 0赞

## Iterator接口简介 ##

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

**Iterator 的遍历过程：**

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

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

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

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

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

下面是模拟`next`方法返回值的例子

**ES6 规定，默认的 Iterator 接口部署在数据结构的`Symbol.iterator`属性，或者说，一个数据结构只要具有`Symbol.iterator`属性，就可以认为是“可遍历的”（iterable）。**

**`Symbol.iterator`属性本身是一个函数，就是当前数据结构默认的遍历器生成函数。执行这个函数，就会返回一个遍历器。至于属性名`Symbol.iterator`，它是一个表达式，返回`Symbol`对象的`iterator`属性，这是一个预定义好的、类型为 `Symbol` 的特殊值，所以要放在方括号内**

**原生具备了`Iterator`接口的数据结构有：Array，Map，Set，String，TypedArray，arguments对象，NodeList对象。除此之外，其他数据结构的Iterator接口都需要自己在Symbol.iterator属性上面部署（或原型链上的对象具有该方法也可），这样才会被for…of循环遍历**

下面是通过遍历器实现指针结构的例子

下面为对象部署Iterator接口

**如果`Symbol.iterator`方法对应的不是遍历器生成函数（即会返回一个遍历器对象），解释引擎将会报错。有了遍历器接口，数据结构就可以用`for...of`循环遍历**

**`Symbol.iterator`方法的最简单实现，还是使用 `Generator` 函数。**

## 调用Iterator接口的场合 ##

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

（2）**扩展运算符**  
扩展运算符（…）也会调用默认的 Iterator 接口，可以将任何部署了 Iterator 接口的数据结构，转为数组。

（3）**yield\***  
`yield*`后面跟的是一个可遍历的结构，它会调用该结构的遍历器接口

（4）**任何接受数组作为参数的场合**

for...of
    Array.from()
    Map(), Set(), WeakMap(), WeakSet()（比如new Map([['a',1],['b',2]])）
    Promise.all()
    Promise.race()

## 遍历器对象的 return() 和 throw() ##

**遍历器对象除了具有`next`方法，还可以具有`return`方法和`throw`方法。在自己部署的遍历器对象生成函数中，`next`方法是必须，而`return`方法和`throw`方法是可选的**