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

javascript生成器是什么_yield关键字有什么作用?

胖枫小哥_6423

胖枫小哥_6423

发布时间:2026-01-04 22:47:02

|

999人浏览过

|

来源于php中文网

原创

生成器函数是用function声明的可暂停/恢复执行的特殊函数,返回Generator实例,本质为协程雏形;yield实现双向通信与惰性计算,yield委托迭代;适用于无限序列、手动异步控制及状态机建模。

javascript生成器是什么_yield关键字有什么作用?

生成器函数是能暂停/恢复执行的特殊函数

JavaScript 生成器不是普通函数,它用 function* 声明,返回一个可迭代对象(Generator 实例),本质是**协程雏形**——执行中途能停住、保存全部上下文(变量、作用域、执行位置),等你调用 next() 再继续。这不是语法糖,而是运行时机制级支持。

常见错误现象:直接调用 myGenerator() 不会执行函数体,只返回一个 Generator 对象;试图用 for...of 遍历但忘了它内部必须有 yield,结果循环不触发任何产出。

  • 必须用 next() 触发执行,首次调用才开始运行到第一个 yield
  • 每次 next() 返回 { value: ..., done: false/true },不是裸值
  • 生成器一旦 done: true,后续 next() 永远返回 { value: undefined, done: true }

yield 是暂停点,也是双向通信接口

yield 不是 return 的替代品,它是“暂停并交出控制权”的指令。关键在于:它既能向外产出值,也能向内接收值——下一次 next(value) 传入的参数,会成为当前 yield 表达式的返回值。

function* counter() {
  let n = 0;
  while (true) {
    n = yield n; // ← 这里:产出 n,暂停;恢复时,传入的值赋给 n
  }
}
<p>const gen = counter();
gen.next();     // { value: 0, done: false }
gen.next(10);   // { value: 10, done: false } → n 变成 10
gen.next(100);  // { value: 100, done: false }</p>
  • 首次 next() 传参会被忽略(没地方接)
  • yield 后面的表达式只在暂停时求值,实现惰性计算
  • 若想让生成器提前结束,可用 gen.return(value) 或抛错 gen.throw(err)

yield* 是委托迭代,不是调用子函数

yield* 的核心作用是“把当前生成器的控制权透明转交给另一个可迭代对象”,包括其他 Generator、Array、String、Map 等。它不是执行完子生成器再继续,而是像管道一样串联迭代流。

java-api-doc-generator
java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码,自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

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

function* numbers() {
  yield 1;
  yield* [2, 3];      // ← 委托给数组,自动展开
  yield 4;
}
<p>[...numbers()]; // [1, 2, 3, 4]</p>
  • yield* iter 中的 iter 必须是可迭代对象(有 [Symbol.iterator])
  • 子迭代器的 throw() 和 return() 会透传回父生成器,错误传播是连通的
  • 别写成 yield* someGenerator() 而不赋值——那只是创建并丢弃一个新生成器实例,没意义

实际用在哪?别硬套,先看这三类刚需场景

生成器不是炫技工具。真正值得用的地方很具体:

  • 无限序列或大数据流:比如斐波那契、日志轮转、分页请求缓存——按需生成,不占内存
  • 手动控制异步流程:配合 co 库或手写 runner,把 Promise 链变成同步写法(虽然后来被 async/await 覆盖,但理解它有助于读懂老项目)
  • 状态机建模:游戏 AI、表单步骤、协议解析——每个 yield 是一个稳定状态,next() 是外部触发的事件

容易被忽略的一点:生成器函数本身不能 await,但可以用 async function* 创建异步迭代器(ES2018+),这时 yield 产出的是 Promise,需搭配 for await...of 使用——这是两个不同层级的特性,混用前务必确认目标环境支持。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
WorkBuddy

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

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

豆包大模型

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

DeepSeek

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

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

相关专题

更多
string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

6859

2023.08.02

硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

3188

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

5149

2025.10.17

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3849

2025.12.29

java接口相关教程
java接口相关教程

本专题整合了java接口相关内容,阅读专题下面的文章了解更多详细内容。

486

2026.01.19

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

650

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

343

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

533

2025.11.17

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

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

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