ECMAScript迭代器如何深入理解？

更新于

2026-09-26 15:00:54

0阅读来源：SEO问题

本文共计1503个文字，预计阅读时间需要7分钟。

目录+前言+早期的迭代+迭代器模式+迭代器工厂函数+迭代器协议+写在最后+前言+许多初级前端开发者在面对中级阶段进步的过程中，经常会被问到的一个问题是：迭代器和生成器。实际上，在开发中，这两个概念经常被提及。

前言

许多初级前端开发者在往中级迈进的过程中，面试经常问到的一个就是迭代器和生成器，其实在开发中都用过，但是并不知道这是什么，或者有些许了解但并不够深入。那这篇文章就对这一部分开发者会有一定的帮助，讲清楚迭代器这玩意。

迭代肯定知道，简单理解起来就是循环，在JavaScript 中，计数循环便是最简单的一种。示例：

for(let i = 0; i < 9; ++i){ console.log("[ i ]", i); }

迭代的基础就是循环，它包含几个必要条件：

当需要循环遍历一个数组的时候，迭代是在一个有序的集合上进行的，「有序」即为数组中的所有元素都可以按照顺序从第一项到最后一项被遍历到。因为数组有确定的长度，以及每一项都可以通过索引下标去获取，也就是说可以通过索引去遍历整个数组。

本文共计1503个文字，预计阅读时间需要7分钟。

迭代肯定知道，简单理解起来就是循环，在JavaScript 中，计数循环便是最简单的一种。示例：

for(let i = 0; i < 9; ++i){ console.log("[ i ]", i); }

迭代的基础就是循环，它包含几个必要条件：