JavaScript生成器中return的作用与示例
时间:2026-01-11 23:12:47 441浏览 收藏
文章小白一枚,正在不断学习积累知识,现将学习到的知识记录一下,也是将我的所得分享给大家!而今天这篇文章《return 语句在 JavaScript 生成器中用于结束生成器函数,并返回一个值。当生成器遇到 return 语句时,它会停止执行,并将 return 后面的值作为生成器对象的 value 属性,同时将 done 属性设为 true。示例代码:function* myGenerator() { yield 1; return 'Generator ended'; yield 2; // 这行不会被执行 } const gen = myGenerator(); console.log(gen.next()); // { value: 1, done: false } console.log(gen.next()); // { value: 'Generator ended', done: true } console.log(gen.next()); // { value: undefined, done: true }总结:return 会终止生成器。return 的值会成为当前 next() 调用的 value。之后的 yield 不会再执行。生成器结束后,再次调用 next() 会返回 { value: undefined, done: true }。》带大家来了解一下##content_title##,希望对大家的知识积累有所帮助,从而弥补自己的不足,助力实战开发!
return会立即终止生成器函数的执行,返回指定值并设置done为true,后续next调用不再产生新值。

在 JavaScript 中,return 可以直接结束一个生成器函数的执行,并可选地返回一个值。
生成器中的 return 表现
生成器函数使用 function* 定义,通过 yield 暂停执行。当你在生成器内部使用 return 时,会立即终止生成过程:
- 后续调用 next() 不再产生新的有效值
- 本次 return 调用会将传入的值作为返回结果的 value
- 同时设置返回对象的 done: true
示例代码:
function* gen() {
yield 1;
yield 2;
return 'end'; // 提前结束
yield 3; // 不会执行
}
<p>const g = gen();
console.log(g.next()); // { value: 1, done: false }
console.log(g.next()); // { value: 2, done: false }
console.log(g.next()); // { value: 'end', done: true }
console.log(g.next()); // { value: undefined, done: true }</p>与 throw 配合提前退出
除了 return,你也可以用 throw 强制中断生成器:
- 抛出异常后,生成器进入终止状态
- 未捕获的异常会导致迭代提前结束
- 适合用于错误处理或条件中断
return 和 yield* 的关系
当使用 yield* 委托到另一个生成器时,被委托生成器的 return 值可以被捕获:
function* inner() {
yield 'a';
return 'inner result';
}
<p>function<em> outer() {
const result = yield</em> inner();
console.log(result); // 输出: inner result
yield 'done';
}</p>基本上就这些。return 在生成器中不只是返回值,更是控制执行流程的关键手段。它让开发者能清晰定义何时结束迭代,比手动抛异常更自然。
终于介绍完啦!小伙伴们,这篇关于《JavaScript生成器中return的作用与示例》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
227 收藏
-
441 收藏
-
119 收藏
-
268 收藏
-
123 收藏
-
103 收藏
-
227 收藏
-
130 收藏
-
470 收藏
-
275 收藏
-
328 收藏
-
379 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习