登录
首页 >  文章 >  前端

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调用不再产生新值。

js中return如何结束生成器

在 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学习网公众号也会发布文章相关知识,快来关注吧!

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>