前端 JS 经典:生成器

在 JavaScript 中,**生成器(Generator)**是一种特殊的函数,它可以用来控制迭代器(iterator)的执行,能够暂停和恢复代码的执行。

生成器函数的形式是在普通函数名称之前加一个 *,其主要特征包括:

| function 关键字与函数名之间有一个星号;

| 函数体内部使用关键字 yield 表达式来定义不同的内部状态。

| 生成器函数的使用与普通函数类似,但是调用生成器函数会产生一个迭代器。通过调用迭代器的 next 方法,可以让函数开始或恢复执行。

| yield 关键字可以使生成器函数在执行过程中暂停。在遇到 yield 关键字之前,函数会正常执行,遇到时执行会暂停,函数的作用域状态会被保留下来,直到再次调用 next 方法恢复执行。yield 关键字有点像是函数的中间返回语句,它生成的值会出现在 next 方法返回的对象里。

例如:

javascript 复制代码
function* genFunc() {

  yield "generator";

  yield "hello";

  yield "word";

  return "!";

}



const it = genFunc();

console.log(it.next()); // { done: false, value: 'generator' }

console.log(it.next()); // { donw: false, value: 'hello' }

console.log(it.next()); // { done: false, value: 'word' }

console.log(it.next()); // { done: false, value: '!' }

console.log(it.next()); // { done: true, value: undefined }

执行上述代码,其结果就是迭代器产生的内容。

生成器函数还支持 yield* 表达式,它用于委托(yield delegation),可以将一个生成器的执行委托给另一个生成器,或者用于实现递归操作等。

生成器的特点使得它在处理一些需要逐步生成或处理值的场景中非常有用,例如处理大型数据集、实现异步操作等。它可以让程序在需要的时候才产生下一个值,而不是一次性生成所有的值,从而提高性能和灵活性。

相关推荐
转转技术团队5 分钟前
转转商品中心微前端升级之路
前端
love530love11 分钟前
【笔记】解决 ComfyUI 安装节点 ComfyUI-Addoor (葵花宝典)后启动报错:No module named ‘ComfyUI-Addoor’
linux·运维·前端·人工智能·windows·笔记·python
zzywxc78720 分钟前
解锁 Rust 开发新可能:从系统内核到 Web 前端的全栈革命
开发语言·前端·python·单片机·嵌入式硬件·rust·scikit-learn
知新坊23 分钟前
RustDesk 完整部署教程:支持 Web 管理后台和网页客户端远程,保姆级教学来了!
前端
敲敲了个代码35 分钟前
UniApp 多页面编译优化:编译时间从10分钟到1分钟
开发语言·前端·javascript·学习·uni-app
景彬1 小时前
小红书小组件开发 最早踩坑版
前端·微信小程序
mapbar_front1 小时前
今天聊聊面试
前端·面试
华仔啊1 小时前
Vue3+CSS实现一个非常丝滑的 input 标签上浮动画,设计师看了都点赞
前端·css·vue.js
北海道浪子1 小时前
[免费送$1000]ClaudeCode、Codex等AI模型在开发中的使用
前端·人工智能·后端
明月与玄武2 小时前
2025 前端框架决战:Vue 与 React 分析优缺点及使用场景!
前端·vue.js·react.js