关于Promise.all遇单个Promise失败无返回结果的技术咨询（涉及d3.js v5）

你观察得很准确：Promise.all的特性就是全有或全无——只要数组中有一个Promise被拒绝，整个Promise.all就会立即触发拒绝状态，不会等待其他请求完成，自然也不会返回任何成功的结果。

针对这种场景，有两种常用的解决方案，你可以根据需求选择：

1. 给每个请求添加错误捕获，将失败转化为“成功的默认值” #

我们可以给每个d3.json()返回的Promise单独添加.catch()处理，让失败的请求返回一个可识别的默认值（比如包含错误信息的对象），这样Promise.all就不会被拒绝，而是会收集所有请求的结果（包括成功数据和失败标记）。

示例代码：

var files = ["data1.json", "data2.json", "data3.json"]; 
// 用map代替forEach更简洁直接
var promises = files.map(function(url) {
  return d3.json(url)
    .catch(function(error) {
      console.error(`加载 ${url} 失败:`, error);
      // 返回一个标记失败的对象，方便后续区分
      return { isError: true, url: url, errorMsg: error.message };
    });
}); 

Promise.all(promises).then(function(values) {
  console.log("所有请求结果（包含失败）:", values);
  
  // 可以单独过滤出成功的数据
  var successfulData = values.filter(item => !item.isError);
  console.log("仅成功的数据:", successfulData);
});

2. 使用Promise.allSettled收集所有请求的状态 #

如果你想明确区分每个请求的成功/失败状态，而不是将失败转化为默认值，可以使用Promise.allSettled。这个方法会等待所有Promise都完成（无论成功或失败），然后返回一个数组，每个元素包含对应的状态和结果/错误原因。

示例代码：

var files = ["data1.json", "data2.json", "data3.json"]; 
var promises = files.map(url => d3.json(url));

Promise.allSettled(promises).then(function(results) {
  results.forEach((result, index) => {
    if (result.status === "fulfilled") {
      console.log(`成功加载 ${files[index]}:`, result.value);
    } else {
      console.error(`加载 ${files[index]} 失败:`, result.reason);
    }
  });
  
  // 提取所有成功的数据
  var successfulData = results
    .filter(res => res.status === "fulfilled")
    .map(res => res.value);
  console.log("成功的数据集合:", successfulData);
});

Promise.allSettled是ES2020的标准API，现代浏览器和Node.js环境都支持，d3 v5的使用场景一般不需要额外兼容处理。

两种方案的区别 #

• 方案1适合你希望Promise.all始终进入.then()逻辑，并且可以用统一的结构处理结果的场景；
• 方案2适合你需要精准区分每个请求的状态，不想“隐藏”失败事实的场景。

内容的提问来源于stack exchange，提问作者Marco A. Ferra