JavaScript无限序列生成器基于yield和迭代器协议实现懒加载，按需产出元素、内存恒定，适用于斐波那契、自然数等序列及虚拟滚动等UI场景，需配合take、break或return控制终止。
JavaScript 中的无限序列生成器结合 yield 和迭代器协议，天然适合懒加载场景——它不预先计算全部值，只在每次 next() 调用时按需产出下一个元素，内存占用恒定，响应及时。
用生成器实现经典无限序列
斐波那契、自然数、等差/等比数列等均可轻松建模为无限生成器。关键在于避免递归或数组累积，仅维护必要状态：
- 自然数序列：从 0 开始，每次 +1，无终止条件
- 斐波那契生成器：只保存前两项，用
yield逐个返回新项 - 带步长的整数流：如偶数、奇数、3 的倍数，通过闭包捕获起始值和步长
与懒加载 UI 组件协同工作
在虚拟滚动、分页加载或无限下拉列表中，生成器可作为数据源“管道”，按需供给下一批项：
- UI 触发加载（如滚动到底部）时，调用生成器的
next()获取固定数量（如 10 个）新元素 - 无需预请求远端数据，本地生成器可先填充占位内容或模拟响应
- 结合
take(n)工具函数（用for...of+ 计数器提前退出），安全截取有限片段
控制无限迭代的边界与中断
无限不等于失控。实际使用中必须有明确的停止逻辑：
立即学习“Java免费学习笔记（深入）”；
- 用
for...of配合break或条件判断，避免死循环 - 封装成可取消的迭代器：返回对象含
next()和return()，后者触发清理（如清除定时器） - 与 Promise 结合（如
async function*），支持异步延迟生成，适配 API 节流或防抖
性能与调试注意事项
生成器本身轻量，但滥用可能掩盖隐性开销：
- 避免在
yield前执行重计算；把初始化逻辑提到生成器外部 - 调试时可用
Array.from(gen, (_, i) => i).slice(0, 5)快速取前几项验证逻辑 - 注意浏览器 DevTools 对生成器的断点支持有限，建议配合
console.log或状态快照辅助排查
