js生成器中next的使用

生成器函数通过function*定义,使用yield暂停执行,调用后返回生成器对象,其next()方法控制执行并返回{value, done}对象;1. next()启动或恢复执行,每次遇到yield时暂停并返回值;2. 第二次及之后的next(arg)可向yield传参,作为上一个yield表达式的返回值;3. return()强制结束生成器,后续调用均返回{value: undefined, done: true};4. throw()向生成器抛出异常,可在内部捕获;5. 生成器常用于异步流程控制,配合promise实现类似async/await的效果。

js生成器中next的使用

javaScript 中,生成器(Generator)是一种特殊函数,能够暂停执行并返回中间结果。它通过 *function 定义,并使用 yield 暂停。调用生成器函数后会返回一个生成器对象,该对象具有 next() 方法,用于控制函数的执行流程。

next() 的基本用法

每次调用 next() 时,生成器会从上次暂停的位置继续执行,直到遇到下一个 yield 或函数结束。

next() 返回一个对象,包含两个属性:

  • value:当前 yield 表达式的值或 return 的值
  • done:布尔值,表示生成器是否已执行完毕

function* simpleGen() {
  yield ‘第一项’;
  yield ‘第二项’;
  return ‘结束’;
}

const gen = simpleGen();
console.log(gen.next()); // { value: ‘第一项’, done: false }
console.log(gen.next()); // { value: ‘第二项’, done: false }
console.log(gen.next()); // { value: ‘结束’, done: true }

向 next() 传参

next() 可以接收参数,这个参数会作为上一个 yield 表达式的返回值。

注意:第一次调用 next() 时传参无效(因为没有前一个 yield),通常第一次调用不传参。

function* genWithInput() {
  const input1 = yield ‘等待输入1’;
  const input2 = yield 收到:${input1};
  return 最终:${input2};
}

const g = genWithInput();
console.log(g.next()); // { value: ‘等待输入1’, done: false }
console.log(g.next(‘A’)); // { value: ‘收到:A’, done: false }
console.log(g.next(‘B’)); // { value: ‘最终:B’, done: true }

next() 与异步流程控制

生成器常用于简化异步操作,配合 Promise 使用,实现类似 async/await 的效果。

虽然现代开发更多使用 async/await,但理解这种模式有助于深入掌握 js 异步机制。

js生成器中next的使用

uBrand Logo生成器

uBrand Logo生成器是一款强大的AI智能LOGO设计工具。

js生成器中next的使用 57

查看详情 js生成器中next的使用

function* asyncGen() {
  const user = yield fetch(‘/user’);
  const posts = yield fetch(/posts?uid=${user.id});
  return posts;
}

上面代码中,next() 配合外部执行器可逐步解析每个异步请求。

异常处理与提前终止

除了 next(),生成器还支持 throw() 和 return() 方法。

调用 return() 会强制让生成器进入完成状态,后续 next() 均返回 { value: undefined, done: true }。

throw() 可向生成器注入错误,可在函数内用 try/catch 捕获。

基本上就这些。next() 是驱动生成器运行的核心方法,掌握其行为对理解生成器机制至关重要。

上一篇
下一篇
text=ZqhQzanResources