ES6中的迭代器和生成器

迭代器

所有迭代器对象都有一个next()方法，每次调用都返回一个结果对象。结果对象有两个属性：一个是value，表示下一个将要返回的值；另一个是done，它是一个布尔类型的值，当没有更多可返回数据时返回true。

ES5中模拟一个迭代器：

function createIterator(items) { var i = 0; return { next: function() { var done = (i >= items.length); var value = !done ? items[i++] : underfined; return { done: done, value: value }; } }; } var iterator = createIterator([1, 2, 3]); console.log(iterator.next); // {value: 1, done: false} console.log(iterator.next); // {value: 2, done: false} console.log(iterator.next); // {value: 3, done: true} console.log(iterator.next); // {value: underfined, done: true}

生成器

生成器是一种返回迭代器的函数，通过 function 关键字后的星号（*）来表示，函数中会用到新的关键字yield。yield 关键字是ES6的新特性，可以通过它来指定调用迭代器的next()方法时的返回值及返回顺序。每当执行完一条yield语句后函数就会自动停止执行，直到再次调用迭代器的next()方法才会继续执行下一个yield。使用yield关键字可以返回任何值或表达式。 function* createIterator(items) { for (let i = 0; i < items.length; i++) { yield items[i]; } } // 生成器的调用方式与普通函数相同，只不过返回的是一个迭代器。 let iterator = createIterator([1, 2, 3]); console.log(iterator.next()); // { value: 1, done: false } console.log(iterator.next()); // { value: 2, done: false } console.log(iterator.next()); // { value: 3, done: false } console.log(iterator.next()); // { value: undefined, done: true }

！！！注意：yield关键字只可在生成器内部使用，在其他地方使用会导致程序抛出语法错误。如：

function* createIterator(items) { items.forEach(function(item) { // 语法错误 yield item + 1; }) }

可迭代对象（扩展）

可迭代对象具有Symbol.iterator属性，是一种与迭代器密切相关的对象。Symbol.iterator通过指定的函数可以返回一个作用于附属对象的迭代器。

由于生成器默认会为Symbol.iterator属性赋值，因此所有通过生成器创建的迭代器都是可迭代对象。在ES6中所有集合对象、字符串都是可迭代对象。

let values = [1, 2, 3]; let iterator = values[Symbol.iterator](); console.log(iterator.next()); // { value: 1, done: false } console.log(iterator.next()); // { value: 2, done: false } console.log(iterator.next()); // { value: 3, done: false } console.log(iterator.next()); // { value: undefined, done: true }

创建可迭代对象

默认情况下，开发者定义的对象都是不可迭代对象，但如果给Symbol.iterator属性添加一个生成器，则可以将其变为可迭代对象

let collection = { items: [], * [Symbol.iterator]() { for (let item of this.items) { yield item; } } }; collection.items.push(1); collection.items.push(2); collection.items.push(3); for (let x of collection) { console.log(x); } // 1 // 2 // 3

内建迭代器（扩展）

在ES6中对集合对象都内建了三种迭代器（数组、Set、Map）。

entries() 返回一个迭代器，其值为多个键值对。values() 返回一个迭代器，其值为集合的值。keys() 返回一个迭代器，其值为集合中的所有键名。

在for-of循环中，数组和Set默认是values()，Map默认是entries()

let colors = ['red', 'green', 'blue']; for (let entry of colors.entries()) { console.log(entry); // [ 0, 'red' ] [ 1, 'green' ] [ 2, 'blue' ] } // 其余的就不一一举例了，有兴趣的自行体验

给迭代器传递参数（扩展）

如果给迭代器的next() 方法传递参数，则这个参数的值就会代替生成器内部上一条yield语句的返回值。

第一次调用next() 方法前不会执行任何yield语句，因此在第一次调用next()方法时传递参数是毫无意义的。

function* createIterator() { let first = yield 1; let second = yield first + 2; // 4+2 yield second + 3; // 5+3 } let iterator = createIterator(); console.log(iterator.next()); // { value: 1, done: false } console.log(iterator.next(4)); // { value: 6, done: false } console.log(iterator.next(5)); // { value: 8, done: false } console.log(iterator.next()); // { value: undefined, done: true }