如何将Lighthouse批量执行改为异步串行，避免多Chrome实例同时启动

这个问题我太熟悉了——forEach本质上是同步遍历，不管你里面塞的是异步函数还是啥，它都会一股脑把所有循环体执行完，结果就是50个Chrome实例同时启动，直接把资源拉满。process.nextTick也救不了，因为它只是把任务推迟到下一个事件循环，但还是一次性把50个任务都排进去了，根本没做到串行等待。

要实现Lighthouse任务完成一个再跑下一个，关键是要让异步操作串行执行，这里有两个简单靠谱的方案：

方案1：用for...of + await（最直观） #

直接在async函数里用for...of循环，每个迭代都await当前Lighthouse任务完成，这样前一个跑完才会进入下一次循环：

asyncFuncs().then(async (sites) => {
  for (const site of sites) {
    try {
      // 等待当前站点的检测完成，再执行下一个
      const results = await launchChromeAndLighthouse(site.url, opts);
      // 这里可以处理单个站点的检测结果，比如保存到文件、打印日志
      console.log(`✅ 完成站点 ${site.url} 的检测`);
    } catch (error) {
      console.error(`❌ 检测站点 ${site.url} 失败:`, error);
      // 如果想忽略错误继续执行下一个，就不要throw error
    }
  }
});

为什么这个能行？因为await会暂停当前async函数的执行，直到对应的Promise状态变为resolved，才会继续往下走，完美实现串行等待。

方案2：用Array.reduce链式Promise（函数式风格） #

如果更喜欢函数式编程的写法，可以用reduce把所有任务串成一条Promise链，前一个任务完成后才会执行下一个：

asyncFuncs().then(async (sites) => {
  await sites.reduce(async (previousTask, site) => {
    // 先等待上一个任务完成
    await previousTask;
    // 再执行当前站点的检测
    return launchChromeAndLighthouse(site.url, opts);
  }, Promise.resolve()); // 初始值是一个已resolve的Promise，作为第一个任务的"前置"
});

这里的reduce会逐个迭代sites数组，每次返回一个新的Promise，这个Promise依赖于前一个Promise的完成，从而形成串行的任务流。

补充说明 #

你的launchChromeAndLighthouse函数本身已经返回了Promise，所以直接用await就能正确等待它完成。另外，一定要记得加错误处理——如果某个站点检测失败，默认会中断整个循环，用try/catch可以让你选择忽略错误继续执行后续站点。

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