javascript生成器是什么_如何使用yield关键字

狼影

狼影

2025-12-30

370人浏览

原创

javascript生成器是能暂停和恢复执行的特殊函数,通过yield交出控制权并返回值;用function*声明,调用后返回可迭代的生成器对象,其next()方法逐步执行并返回{value, done}。

javascript生成器是什么_如何使用yield关键字

JavaScript 生成器(Generator)是一种特殊函数,能**暂停和恢复执行**,适合处理异步流程、惰性求值或遍历复杂数据结构。它的核心是 yield 关键字,用于交出函数控制权,并返回一个值。

生成器函数的定义与调用

生成器函数用 function* 声明,调用后不立即执行,而是返回一个生成器对象(Generator Object),该对象实现了迭代器协议(有 next() 方法)。

例如:

function* count() {
  yield 1;
  yield 2;
  yield 3;
}

const gen = count(); // 不执行函数体,只创建生成器对象
console.log(gen.next()); // { value: 1, done: false }
console.log(gen.next()); // { value: 2, done: false }
console.log(gen.next()); // { value: 3, done: false }
console.log(gen.next()); // { value: undefined, done: true }

yield 的工作方式

yield 不是普通返回:它暂停函数执行,保存当前上下文(变量、执行位置等),等待下一次 next() 调用再继续。

度加AI
度加AI

度加AI官网入口,百度官方 AIGC 创作平台,支持 AI 成片、AI 生文、数字人、声音克隆、配音字幕与智能剪辑等在线创作能力。

下载
  • 每次调用 next(),函数从上次暂停处继续,执行到下一个 yield 或函数结束
  • yield 表达式本身有返回值:下次调用 next(arg) 时传入的参数,会成为当前 yield 表达式的值
  • 函数末尾或 return 语句会使 done: true,其值出现在 value

示例(接收外部输入):

function* echo() {
  console.log('start');
  const a = yield 'first';
  console.log('got:', a); // 'hello'
  yield 'second';
}

const g = echo();
console.log(g.next()); // { value: 'first', done: false }
console.log(g.next('hello')); // { value: 'second', done: false }

生成器的实际用途

生成器不是语法糖,它提供了可中断的执行模型,在以下场景很有价值:

  • 手动控制迭代逻辑:比如实现斐波那契数列、无限序列、树的深度优先遍历
  • 简化异步代码:配合 co 库或手写 runner,让异步操作看起来像同步(这是 async/await 的前身思想)
  • 状态机建模:每个 yield 对应一个状态,next() 触发状态迁移
  • 与 for...of 配合使用:生成器对象默认可迭代,支持原生遍历

例如用 for...of 消费:

function* range(start, end) {
  for (let i = start; i     yield i;
  }
}

for (const n of range(0, 3)) {
  console.log(n); // 0, 1, 2
}

注意点与常见误区

生成器虽灵活,但需注意几个关键细节:

  • 生成器函数不能被 new 调用(不是构造函数)
  • yield 只能在生成器函数内部使用,普通函数中会报语法错误
  • 生成器对象只能遍历一次;再次调用 next()done: true 后始终返回 { value: undefined, done: true }
  • 生成器可以 委托另一个生成器:用 yield* 透传迭代(如组合多个生成器)

Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南

相关专题

更多
counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2023.11.20

1057

5

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2023.09.20

1106

7

treenode的用法
treenode的用法

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

2023.12.01

1125

7

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

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

2025.12.22

149

20

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

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

2026.01.06

229

22

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

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

2026.05.09

166

25

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

2023.08.08

571

5

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

2024.05.29

2278

7

undefined是什么
undefined是什么

undefined是代表一个值或变量不存在或未定义的状态。它可以作为默认值来判断一个变量是否已经被赋值,也可以用于设置默认参数值。尽管在不同的编程语言中,undefined可能具有不同的含义和用法,但理解undefined的概念可以帮助我们更好地理解和编写程序。本专题为大家提供undefined相关的各种文章、以及下载和课程。

2023.07.31

9012

4

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.1万人学习