[!info] related notes

• 所属 MOC: ecmascript-moc, ecmascript, ES6 新特性 MOC
• 原子概念: Iterable, Iterator, Generator
• 关系笔记: Iterable、Iterator、Generator 关系
• 相邻主题: ecmascript-functions, ecmascript-collection-reference-types
• 相关场景: ways-to-split-unicode-in-javascript, ecmascript-promises-and-async

ECMAScript迭代器和生成器

这组主题解决的是“如何按顺序产出值”。Iterable 负责说明一个对象能不能被遍历，Iterator 负责一次次产出值，Generator 则是最方便的迭代器工厂之一。

这篇只做什么

这篇现在只做关系桥接，不再重复展开三种原子概念的正文。

主要内容

• Iterable 说明“能不能被遍历”
• Iterator 说明“谁在产出值”
• Generator 说明“怎么更方便地产生迭代器”
• Iterable、Iterator、Generator 关系 负责把三者串起来

常见消费方

• for...of
• 展开运算符
• Array.from()
• 解构赋值

延伸阅读

• 看数组和容器：ecmascript-collection-reference-types, javascript-array
• 看函数本体：ecmascript-functions
• 看字符串迭代在 Unicode 场景里的意义：ways-to-split-unicode-in-javascript