如何无需while循环获取JavaScript异步生成器函数的返回值？

当然有！你可以利用JavaScript的for await...of语法糖替代手动编写的while循环——这是专门为异步可迭代对象（比如你的异步生成器）设计的语法，代码会更简洁易读。如果需要重复使用这类逻辑，还可以封装成通用工具函数。

方法一：用for await...of简化循环 #

for await...of会自动遍历异步生成器的所有产出值，直到生成器执行完成。之后只需再调用一次next()就能拿到生成器的最终返回值：

async function main() {
  const genFn = getData();
  
  // 遍历所有分页数据（如果不需要处理单页数据，可简化为`for await (const _ of genFn) {}`）
  for await (const pageData of genFn) {
    // 可选：处理单页数据，比如打印日志
    console.log("当前页数据:", pageData);
  }
  
  // 获取生成器最终返回的汇总结果
  const allResults = (await genFn.next()).value;
  console.log("所有结果汇总:", allResults);
}

方法二：封装工具函数复用逻辑 #

如果需要多次调用这类异步生成器并获取返回值，可以把遍历逻辑抽离成通用工具函数：

/**
 * 遍历异步生成器直到完成，并返回其最终返回值
 * @param {AsyncGenerator} gen 目标异步生成器
 * @returns {Promise<any>} 生成器的返回值
 */
async function extractAsyncGeneratorReturn(gen) {
  // 仅推进生成器执行，无需存储中间产出值
  for await (const _ of gen) {}
  // 获取最终返回值
  return (await gen.next()).value;
}

// 使用工具函数简化main逻辑
async function main() {
  const allResults = await extractAsyncGeneratorReturn(getData());
  console.log("所有结果汇总:", allResults);
}

原理说明 #

你的异步生成器会在每次循环中yield当前页的数据，直到没有下一页时return汇总后的所有结果。for await...of会自动处理每次next()的Promise等待，直到生成器的done变为true前的所有产出值。循环结束后，生成器已执行到return语句，此时调用next()就能拿到value属性里的汇总结果。

这种方式比手动写while循环更符合JavaScript异步迭代规范，可读性和维护性都更强。

内容的提问来源于stack exchange，提问作者Nick Gazzillo