如何结合多数组顺序执行Promise？API请求需串行执行

我明白你现在的需求——要让这些API请求串行执行，而不是一股脑并行发起，毕竟遍历美国所有邮编的话，并行请求很容易触发API限流或者导致性能问题。先看看你现有代码的问题：

你的代码里用了三层map，而且内层是async函数。但map会立刻执行所有回调函数，每个async函数都会马上启动自己的fetch请求，await只是在各自的函数内部等待，所有请求其实是并行触发的，完全达不到串行的效果。

改造方案：用for...of循环替代map #

for...of循环可以和await完美配合，实现真正的串行执行——每一次迭代都会等待当前的Promise完成后，再进入下一次迭代。下面是改造后的代码：

const fetchDealersByZipProx = async function() {
  const prox = [30, 50, 100];
  
  // 串行遍历每个州
  for (const { abbr } of states) {
    // 获取当前州的所有邮编
    const zips = zipcodes.lookupByState(abbr);
    
    // 串行遍历当前州的每个邮编
    for (const { zip } of zips) {
      // 串行遍历每个prox值
      for (const p of prox) {
        try {
          const result = await fetch(`${apiBaseURL}/${zip}/${p}`);
          // 这里可以处理返回的result，比如解析JSON或者存储数据
          const data = await result.json();
          console.log(`处理完成：邮编${zip}，距离${p}`, data);
        } catch (error) {
          // 处理单个请求失败的情况，避免整个串行流程中断
          console.error(`请求失败：邮编${zip}，距离${p}`, error);
        }
      }
    }
  }
};

关键说明： #

• 把整个函数改成async，这样才能在内部使用await。
• 三层for...of循环嵌套，确保每一层都是串行执行：先处理完一个州的所有邮编和prox，再处理下一个州；先处理完一个邮编的所有prox，再处理下一个邮编；先处理完一个prox的请求，再处理下一个prox。
• 加入try/catch块，这样即使某个请求失败，整个串行流程也不会被中断，你可以在catch里记录错误或者做其他处理。

如果你需要在所有请求完成后做一些收尾工作，还可以直接调用这个函数并使用then：

fetchDealersByZipProx().then(() => {
  console.log("所有串行请求都完成了！");
});

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