讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript生成器函数是什么_它如何实现惰性求值?

陌明君_8729

陌明君_8729

发布时间:2026-01-03 22:31:22

|

797人浏览过

|

来源于php中文网

原创

生成器函数是可暂停的函数,返回实现迭代器和可迭代协议的Generator对象;通过function*定义,yield实现惰性求值与状态暂停,每次next()触发一次执行并返回值,适合处理无限序列或大数据流以节省内存。

javascript生成器函数是什么_它如何实现惰性求值?

生成器函数本质是可暂停的函数

JavaScript 生成器函数不是普通函数,它返回一个 Generator 对象,这个对象是迭代器(Iterator)和可迭代协议(Iterable)的双重实现。调用它不会立即执行函数体,而是返回一个未启动的迭代器。

关键在于 function* 语法和内部的 yield 表达式——每次遇到 yield,函数就暂停并交出控制权,同时把右侧值作为 next() 调用的返回结果;下次再调用 next(),才从暂停处继续执行。

yield 是惰性求值的开关

惰性求值不等于“延迟计算”,而是“按需触发、逐次产出”。只要没调用 next(),yield 后面的表达式就不会求值。

  • yield 右侧如果是函数调用(如 yield expensiveCalculation()),该函数仅在对应 next() 被调用时执行
  • yield 后面可以是任意表达式,包括 await(配合 async function*)、yield* 委托,甚至没有值(yield;)
  • 一旦生成器进入 done: true 状态,后续 next() 调用始终返回 { value: undefined, done: true },不会再触发任何逻辑
function* countdown(n) {
  while (n > 0) {
    console.log('计算中...', n);
    yield n;
    n--;
  }
}
<p>const gen = countdown(3);
gen.next(); // 打印 "计算中... 3",返回 { value: 3, done: false }
gen.next(); // 打印 "计算中... 2",返回 { value: 2, done: false }
gen.next(); // 打印 "计算中... 1",返回 { value: 1, done: false }
gen.next(); // 返回 { value: undefined, done: true },不再打印

和普通数组对比:内存与时机差异明显

生成器不预先构建完整数据结构,因此对无限序列或大数据流特别友好。比如想生成斐波那契数列前 10000 项:

Feishu calendar sync, local ics to json data for AI agent
Feishu calendar sync, local ics to json data for AI agent

将ICS日历文件转为JSON格式,用于飞书日历导入导出及数据集成。

下载

立即学习“Java免费学习笔记(深入)”;

  • 用数组:必须一次性算出全部 10000 个数并存入内存,可能 OOM
  • 用生成器:每次只保留当前两项状态,next() 一次算一个,内存恒定 O(1)
  • 如果只取前 5 项,生成器就只执行 5 次循环;数组方案仍要算满 10000 次
function* fib() {
  let a = 0, b = 1;
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}
<p>const it = fib();
it.next().value; // 0
it.next().value; // 1
it.next().value; // 1
it.next().value; // 2
// 想停就停,不浪费算力

注意 return 和 throw 会提前终止生成器

生成器不是纯惰性容器,它的生命周期受外部控制。调用 return() 或 throw() 会强制结束,跳过剩余 yield,并触发 finally 块(如果有)。

  • gen.return(value) 立即返回 { value, done: true },后续 next() 也返回 { value: undefined, done: true }
  • gen.throw(err) 将错误抛入生成器内部,若没被 try/catch 捕获,生成器进入 completed 状态
  • 所有 yield 都隐含暂停点,但 return 和 throw 是主动中断信号,这点容易被忽略

生成器的惰性不是魔法,它依赖你不主动调用 next();一旦开始遍历,每一步仍是同步执行的——真正复杂的是状态机管理与上下文保存,这些都由 JS 引擎在背后完成。

热门AI工具

更多
AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

相关专题

更多
treenode的用法
treenode的用法

​在计算机编程领域,TreeNode是一种常见的数据结构,通常用于构建树形结构。在不同的编程语言中,TreeNode可能有不同的实现方式和用法,通常用于表示树的节点信息。更多关于treenode相关问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

2401

2023.12.01

C++ 高效算法与数据结构
C++ 高效算法与数据结构

本专题讲解 C++ 中常用算法与数据结构的实现与优化,涵盖排序算法(快速排序、归并排序)、查找算法、图算法、动态规划、贪心算法等,并结合实际案例分析如何选择最优算法来提高程序效率。通过深入理解数据结构(链表、树、堆、哈希表等),帮助开发者提升 在复杂应用中的算法设计与性能优化能力。

336

2025.12.22

深入理解算法:高效算法与数据结构专题
深入理解算法:高效算法与数据结构专题

本专题专注于算法与数据结构的核心概念,适合想深入理解并提升编程能力的开发者。专题内容包括常见数据结构的实现与应用,如数组、链表、栈、队列、哈希表、树、图等;以及高效的排序算法、搜索算法、动态规划等经典算法。通过详细的讲解与复杂度分析,帮助开发者不仅能熟练运用这些基础知识,还能在实际编程中优化性能,提高代码的执行效率。本专题适合准备面试的开发者,也适合希望提高算法思维的编程爱好者。

377

2026.01.06

C++ 数据结构与算法实现教程合集
C++ 数据结构与算法实现教程合集

以 C++ 为实现语言,系统讲解核心数据结构与算法,涵盖链表(单链表/双链表/环检测)、栈与队列(单调栈/优先队列)、二叉树(遍历/BST/AVL/红黑树)、哈希表(开地址法/链地址法)、图(邻接表/BFS/DFS/Dijkstra/拓扑排序)、常见排序算法(快排/归并/堆排/计数排序)的实现与复杂度分析,同时分享 LeetCode 刷题技巧、竞赛编程常用模板(二分/前缀和/滑动窗口/动态规划),帮助开发者夯实算法基础。

432

2026.05.09

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

4136

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1295

2023.07.28

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

1658

2023.08.03

js是什么意思
js是什么意思

JS是JavaScript的缩写,它是一种广泛应用于网页开发的脚本语言。JavaScript是一种解释性的、基于对象和事件驱动的编程语言,通常用于为网页增加交互性和动态性。它可以在网页上实现复杂的功能和效果,如表单验证、页面元素操作、动画效果、数据交互等。

9663

2023.08.17

PixTV官网入口地址合集
PixTV官网入口地址合集

本专题汇总了 PixTV AI 一站式视频创作平台的官方入口与使用教程。无需下载软件,浏览器直接访问即可使用。平台将剧本、图像、视频、声音与剪辑整合在“无限画布”中,接入 GPT Image 2.5、Seedance 2.5 等头部模型。本专题整理了从新建画布、角色锚定、分镜拆分到视频生成与导出的完整操作指南,助你快速上手 AI 短剧与漫剧创作。

20

2026.10.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn