Iterator和for...of循环
1.Iterator(遍历器)的概念
JavaScript原有的表示“集合”的数据结构,主要是数组(Array)和对象(Object),ES6又添加了Map和Set。这样就有了四种数据集合,用户还可以组合使用它们,定义自己的数据结构,比如数组的成员是Map,Map的成员是对象。这样就需要一种统一的接口机制,来处理所有不同的数据结构。
遍历器(Iterator)就是这样一种机制。它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,就可以完成遍历操作(即依次处理该数据结构的所有成员)。
2.数据结构的默认Iterator接口
Iterator接口的目的,就是为所有数据结构,提供了一种统一的访问机制,即for...of循环(详见下文)。当使用for...of循环遍历某种数据结构时,该循环会自动去寻找Iterator接口。
3.调用Iterator接口的场合
有一些场合会默认调用Iterator接口(即Symbol.iterator方法):
(1)解构赋值
对数组和Set结构进行解构赋值时,会默认调用Symbol.iterator方法。
(2)扩展运算符
扩展运算符(...)也会调用默认的iterator接口。
(3)yield*
yield*后面跟的是一个可遍历的结构,它会调用该结构的遍历器接口。
(4)其他场合
for...of
Array.from()
Map(), Set(), WeakMap(), WeakSet()(比如new Map([['a',1],['b',2]]))
Promise.all()
Promise.race()
4.字符串的Iterator接口
字符串是一个类似数组的对象,也原生具有Iterator接口。
5.Iterator接口与Generator函数
Generator函数可以很简单的实现Symbol.iterator方法
6.遍历器对象的return(),throw()
遍历器对象除了具有next方法,还可以具有return方法和throw方法。如果你自己写遍历器对象生成函数,那么next方法是必须部署的,return方法和throw方法是否部署是可选的。
7.for...of循环
ES6 借鉴 C++、Java、C# 和 Python 语言,引入了for...of循环,作为遍历所有数据结构的统一的方法。