深入理解ES6：迭代器与生成器

"这篇文档详细介绍了ES6中的迭代器和生成器的概念以及它们在实际编程中的应用。迭代器是用于遍历数据集合的对象，具备next()方法，每次调用返回集合中的下一个值。生成器则是一种特殊的函数，可以返回一个迭代器，并利用yield关键字在执行过程中暂停和恢复。此外，文档还提到了可迭代对象如何与for-of循环配合使用，以及内置的数组、Map和Set集合的默认迭代器方法如entries()、values()和keys()。" 在ES6中，迭代器扮演着重要的角色，它提供了一种统一的方式来遍历各种数据结构，包括数组、对象和更复杂的集合。迭代器的核心是next()方法，当调用这个方法时，它会返回一个包含当前值和是否遍历完成的状态对象。迭代器有一个内部指针，用于跟踪在集合中的位置，使得我们可以通过连续调用next()来逐个访问元素。 生成器函数进一步扩展了迭代的概念。它们允许我们在执行过程中暂停和恢复函数，这在处理大量数据或需要异步操作时非常有用。生成器通过在function关键字前加上星号(*)来标识，并且可以包含一个或多个yield表达式。每次调用生成器返回的迭代器的next()方法，执行会暂停在最近的yield语句处，返回yield后的值。下一次调用next()时，执行会从上次暂停的地方继续。 例如，以下的生成器函数会依次返回1、2和3： ```javascript function* cit() { yield 1; yield 2; yield 3; } let it = cit(); console.log(it.next().value); // 1 console.log(it.next().value); // 2 console.log(it.next().value); // 3 console.log(it.next().value); // undefined ``` 在for-of循环中，可迭代对象的便利变得极其简单。for-of会自动调用对象的Symbol.iterator属性，获取迭代器并遍历其值。例如，对于数组，我们可以这样做： ```javascript let arr = [1, 2, 3]; for (let num of arr) { console.log(num); // 1, 2, 3 } ``` 数组、Map和Set这些内置集合都内置了迭代功能。数组提供了entries()、values()和keys()方法，分别返回包含键值对、值和键的迭代器。这对于遍历这些集合非常方便： ```javascript let arr = [1, 2, 3]; let map = new Map([[1, 'one'], [2, 'two'], [3, 'three']]); let set = new Set([1, 2, 3]); // 数组的迭代 for (let pair of arr.entries()) { console.log(pair); // [0, 1], [1, 2], [2, 3] } // Map的迭代 for (let pair of map.entries()) { console.log(pair); // [1, 'one'], [2, 'two'], [3, 'three'] } // Set的迭代 for (let value of set.values()) { console.log(value); // 1, 2, 3 } ``` 通过理解并熟练使用迭代器和生成器，开发者可以在ES6中编写更加高效和灵活的代码，特别是在处理大量数据、异步操作和构建复杂数据流时。