使用Promise.all()结合await批量获取URL时的异常处理问题

我明白你遇到的这个困扰——用async语法批量获取URL并解析响应时，只要某一个URL请求出错（比如API端点不存在），程序就会在解析阶段崩溃，抛出UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): TypeError: ext is not iterable这类错误。核心问题就在于未正确处理失败的Promise，而直接用async函数处理批量请求时，很容易忽略错误捕获环节。

问题根源 #

当你用async函数作为请求逻辑时，一旦内部的请求或解析步骤出错（比如fetch失败、res.json()抛出异常），这个async函数返回的Promise就会进入rejected状态。如果没有对这些rejected的Promise做任何处理，就会触发未处理的Promise拒绝警告，甚至直接导致程序崩溃。

解决方案 #

要过滤失败的Promise并避免程序崩溃，你可以从两个方向入手：

1. 给每个请求添加错误捕获（推荐）

在单个请求的async函数内部，用try/catch捕获所有可能的错误，让失败的请求返回一个标记值（比如null），之后再批量过滤掉这些无效结果：

// 封装带错误捕获的请求函数
const fetchAndParseUrl = async (url) => {
  try {
    const res = await fetch(url);
    // 先检查HTTP响应状态是否正常
    if (!res.ok) {
      throw new Error(`请求失败，状态码：${res.status}`);
    }
    // 解析JSON响应
    const data = await res.json();
    return data;
  } catch (error) {
    // 打印错误日志（可选）
    console.error(`处理URL ${url}时出错：`, error);
    // 返回null标记该请求失败
    return null;
  }
};

// 批量处理逻辑
const targetUrls = ['https://api.example.com/data1', 'https://invalid-api-url', 'https://api.example.com/data2'];
// 等待所有请求完成（包括失败的）
const allResults = await Promise.all(targetUrls.map(fetchAndParseUrl));
// 过滤掉失败的结果
const validResults = allResults.filter(result => result !== null);

// 后续只处理有效结果
for (const result of validResults) {
  // 你的解析逻辑
}

2. 使用Promise.allSettled处理所有结果

如果你想保留失败请求的状态信息（比如错误原因），可以用Promise.allSettled代替Promise.all，它会等待所有Promise完成（不管成功还是失败），然后返回每个Promise的状态和结果：

const targetUrls = ['https://api.example.com/data1', 'https://invalid-api-url', 'https://api.example.com/data2'];
const allSettledResults = await Promise.allSettled(
  targetUrls.map(async (url) => {
    const res = await fetch(url);
    if (!res.ok) throw new Error(`HTTP错误：${res.status}`);
    return res.json();
  })
);

// 筛选出成功的结果
const validResults = allSettledResults
  .filter(result => result.status === 'fulfilled')
  .map(result => result.value);

// 处理有效结果
for (const result of validResults) {
  // 你的解析逻辑
}

关键总结 #

若需过滤失败的Promise（处理批量请求中的错误），不要直接使用未添加错误捕获的async函数——一定要通过try/catch捕获单个请求的错误，或者用Promise.allSettled统一处理所有Promise的状态，避免未处理的Promise拒绝导致程序崩溃。

内容的提问来源于stack exchange，提问作者S. Schenk