怎么理解javascript生成器函数_javascript中如何控制执行流程

顺亿

2026-10-16 • 👁 0人浏览过

生成器函数是可暂停的惰性求值函数，返回Generator对象，调用next()才执行到yield并暂停；next()返回{value, done}对象，done为true标志结束，yield和return决定value值，throw()和return()可主动中断执行。生成器函数本质是可暂停的函数生成器函数不是普通函数的“升级版”，而是完全不同的执行模型：

function*

声明的函数返回一个

Generator

对象，它本身不立即执行，只在调用

next()

时运行到下一个

yield

表达式并暂停。这种“惰性求值 + 显式推进”是理解控制流的关键。常见误解是把

yield

当作异步等待——它不处理 I/O，也不涉及事件循环；它只是交出控制权，等下一次

next()

调用才继续。

next()

的返回值结构决定流程走向

next()

总是返回形如

{ value: ..., done: true|false }

的对象。其中

done

是判断是否结束的唯一可靠依据，

value

则取决于

yield

后的表达式或函数最终返回值。

yield 42

→

next()

{ value: 42, done: false }

函数末尾无

return

或

return;

→ 最后一次

next()

{ value: undefined, done: true }

return "done"

→ 最后一次

next()

{ value: "done", done: true }

忽略

done

字段直接取

value

容易导致逻辑错误，尤其在循环中未检查

done

就继续调用

next()

，会得到

{ value: undefined, done: true }

后仍尝试解构。立即学习 “ Java免费学习笔记（深入） ”；用

throw()

和

return()

主动中断生成器生成器支持外部干预：除了

next()

，还能用

throw(error)

向暂停点注入异常（触发内部

try...catch

），或用

return(value)

强制结束并指定最终

value

。 Eclipse导入Android或其他的JAVA项目的正确方法 WORD版本文档主要讲述的是Eclipse导入Android或其他的JAVA项目的正确方法；希望本文档会给有需要的朋友带来帮助；感兴趣的朋友可以过来看看下载这在资源清理、超时终止、条件跳过等场景很实用：

function* counter() {
  try {
    for (let i = 0; i < 5; i++) {
      yield i;
    }
  } finally {
    console.log('cleanup');
  }
}
const gen = counter();
console.log(gen.next()); // { value: 0, done: false }
gen.return('forced');    // cleanup → { value: 'forced', done: true }
// 再调用 next() 会始终返回 { value: undefined, done: true }

注意：

return()

不会触发

yield

后面的代码，但会进入

finally

块；

throw()

若未被内部捕获，则生成器状态变为

completed

，后续调用

next()

都返回

{ value: undefined, done: true }

。与

async/await

混用需明确角色分工生成器本身不处理异步，但可以和

Promise

结合实现类似

async

的写法（如早期

co

库）。关键区别在于：生成器控制「执行节奏」，

Promise

控制「异步结果」。典型陷阱：直接

yield fetch('/api')

不会等待响应，只是把

Promise

对象当普通值返回必须配合

next()

的返回值做

.then()

链式推进，或用递归封装现代代码优先选

async function

，除非需要多次暂停/恢复同一逻辑（比如状态机、协程式迭代）真正容易被忽略的是：生成器的暂停点是语法层面的（

yield

处），而

await

的暂停点是运行时的（微任务队列调度）。两者混合时，控制权移交时机完全不同，调试起来非常隐蔽。

相关文章