JavaScript 生成器：function* 与 yield 关键字的使用-js教程-PHP中文网

JavaScript 生成器：function* 与 yield 关键字的使用

幻影之瞳

发布： 2025-11-20 21:15:25

原创

186人浏览过

JavaScript生成器通过function*定义，使用yield暂停执行并返回值，调用next()恢复运行，适合处理延迟计算与异步流程。

javascript 生成器：function* 与 yield 关键字的使用

JavaScript 生成器是一种特殊函数，能暂停执行并保留当前状态，之后可恢复。它通过 function* 定义，并使用 yield 暂停函数运行。这种机制适合处理延迟计算、异步流程控制和大数据流场景。

定义生成器函数

生成器函数用 function* 语法声明，调用时返回一个可迭代的生成器对象，不会立即执行函数体。

function* myGenerator() { yield '第一步'; yield '第二步'; return '结束'; }const gen = myGenerator(); // 此时函数未执行console.log(gen.next()); // { value: '第一步', done: false }

yield 的作用与行为

yield 表达式用于暂停函数执行，并将值传出。每次调用生成器的 next() 方法，函数会运行到下一个 yield 或 return。

yield 左侧的表达式会被求值并作为 next() 返回对象的 value
函数执行暂停，直到下一次调用 next()
若 next() 带参数，该参数会成为上一个 yield 表达式的返回值

function* counter() { let count = 0; while (true) { const reset = yield count++; if (reset) count = 0; } }const c = counter(); console.log(c.next()); // { value: 0, done: false } console.log(c.next()); // { value: 1, done: false } console.log(c.next(true)); // { value: 0, done: false }

遍历生成器输出

生成器对象是可迭代的，因此可以用 for...of 循环自动遍历所有 yield 值，直到 done 为 true。

立即学习“Java免费学习笔记（深入）”；

使用JSON进行网络数据交换传输中文WORD版

本文档主要讲述的是使用JSON进行网络数据交换传输；JSON（JavaScript ObjectNotation）是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成，非常适合于服务器与客户端的交互。JSON采用与编程语言无关的文本格式，但是也使用了类C语言的习惯，这些特性使JSON成为理想的数据交换格式。和 XML 一样，JSON 也是基于纯文本的数据格式。由于 JSON 天生是为 JavaScript 准备的，因此，JSON的数据格式非常简单，您可以用 JSON 传输一个简单的 St