javascript generator函数是什么_yield关键字怎么用【教程】

Generator函数是function*声明的可暂停恢复的特殊函数，yield为暂停指令；调用返回迭代器，需next()驱动；支持双向通信但不处理异步，需执行器配合；状态私有不可重入。

Generator 函数不是“异步函数的替代品”，也不是“更高级的 async/await”——它本质是 function* 声明的、能**中途暂停和恢复执行**的特殊函数，yield 是它的暂停指令，不是返回值的普通关键字。

Generator 函数怎么声明和调用？

必须用 function*（星号紧贴 function，空格可选但推荐紧贴），调用后不立即执行，而是返回一个迭代器对象：

function* count() {   yield 1;   yield 2;   return 3; } 
const it = count(); // 不执行函数体，只返回迭代器 console.log(it.next()); // { value: 1, done: false } console.log(it.next()); // { value: 2, done: false } console.log(it.next()); // { value: 3, done: true }

• next() 每次触发一次 yield 或 return，done: true 表示彻底结束
• 不能用 new count() —— Generator 函数不可构造
• 箭头函数不支持 function* 语法，没有箭头版 Generator

yield 能接收外部传入的值吗？

可以。yield 表达式本身有返回值：下一次 next(value) 传入的参数会成为当前 yield 表达式的值。这是双向通信的关键：

function* echo() {   const a = yield 'first';   console.log('a:', a); // 'hello'   const b = yield 'second';   console.log('b:', b); // 42 } 
const it = echo(); console.log(it.next());        // { value: 'first', done: false } console.log(it.next('hello')); // { value: 'second', done: false } console.log(it.next(42));      // { value: undefined, done: true }

• 首次 next() 传参被忽略（没上一个 yield 接收）
• yield 左侧赋值必须用括号包裹才合法：const x = (yield 1)，否则语法错误
• 如果没接住传入值（比如直接写 yield 1;），那这次传参就丢弃了

Generator 和 async/await 的核心区别在哪？

Generator 本身**不处理异步**，它只是暂停/恢复机制；async/await 是语言级异步抽象，自动处理 promise 链。Generator 需要手动驱动（比如用 co 库或自己写 runner）：

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

function* fetchUser() {   const res = yield fetch('/api/user'); // 这里 yield 出去的是 Promise，不是结果   const user = yield res.json();         // 但 yield 不会等它 resolve   return user; }

• 上面代码不会按预期工作——yield fetch(...) 只是把 Promise 对象交出去，不会 await 它
• 要用它做异步，得配一个执行器（如 co(fetchUser())），或手动 .then() 链式调用 next()
• async function 内部用 await 是自动展开 Promise，Generator 没这能力

真正容易被忽略的是：Generator 的状态是**完全私有且不可重入**的——同一个迭代器对象只能被 next() 顺序驱动一次，无法并发调用，也不支持 throw() / return() 以外的中断方式。别把它当成轻量线程用。