python 阮一峰_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*后面跟的是一个可遍历的结构，它会调用该结构的遍历器接口。

其他场合

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