ES6 Iterator笔记(摘抄至阮一峰的ECMAScript 6入门)
ES6 Iterator笔记(摘抄至阮一峰的ECMAScript 6入门)
Iterator的遍历过程
创建一个指针对象,指向当前数据结构的起始位置。也就是说,遍历器对象本质上,就是一个指针对象。
第一次调用指针对象的next方法,可以将指针指向数据结构的第一个成员。
第二次调用指针对象的next方法,指针就指向数据结构的第二个成员。
不断调用指针对象的next方法,直到它指向数据结构的结束位置。
每一次调用next方法,都会返回数据结构的当前成员信息。具体来说,就是返回一个包含value和 done两个属性的对象。其中,value属性是当前成员的值,done属性是一个布尔值,表示遍历是否结束。
数据结构的默认Iterator接口
在ES6中,有些数据结构原生具备Iterator接口(比如数组),即不用任何处理,就可以被for...of循环遍历,有些就不行(比如对象)。原因在于,这些数据结构原生部署了Symbol.iterator属性,另外一些数据结构没有。凡是部署了Symbol.iterator属性的数据结构,就称为部署了遍历器接口。调用这个接口,就会返回一个遍历器对象。
Symbol.iterator属性本身是一个函数,就是当前数据结构默认的遍历器生成函数。执行这个函数,就会返回一个遍历器。
一个对象(Object)如果要有可被for...of循环调用的Iterator接口,就必须在Symobol.iterator的属性上部署遍历器生成方法(原型链上的对象具有该方法也可)。
class RangeIterator { // 构造方法 constructor (start, stop) { this.value = start this.stop = stop } // 返回Symbol对象的iterator属性,这是一个预定好的、类型为Symbol的特殊值,所以要放在方括号内。 [Symbol.iterator] () { return this } next () { var value = this.value if (value < this.stop) { this.value++ return { done: false, value: value } } return { done: true, value: undefined } } } function range (start, stop) { return new RangeIterator(start, stop) } for (var value of range(0, 3)) { console.log(value) }
调用Iterator接口的场合
解析赋值
对数组和Set结构进行解构赋值时,会默认调用Symbol.iterator方法。
扩展运算符
扩展运算符(...)也会调用默认的iterator接口 只要某个数据结构部署了iterator接口,就可以对它使用扩展运算符,将其转为数组。
yield*
yield*后面跟的是一个可遍历的结构,它会调用该结构的遍历器接口。
其他场合
由于数组的遍历会调用遍历器接口,所以任何接收数组作为参数的场合,其实都调用了遍历器接口。