咨询：使用jQuery调用多个Rest API生成合并结果对象的方案

嘿，好久不用jQuery再捡起来确实得适应下～针对你想把多个API的返回结果整合成一个对象，又不想手动循环Promise.all()返回的数组的需求，其实很简单——我们可以让每个API请求直接返回包含对应键值对的小对象，最后把这些小对象合并起来就行！

方法一：结合原生Promise + 展开运算符（推荐现代场景） #

jQuery的$.getJSON()本身就返回兼容原生Promise的Deferred对象，所以我们可以把每个请求包装成一个返回特定键值的Promise：

// 把每个API请求包装成返回对应键值对象的函数
const fetchApiA = () => $.getJSON('restapi1').then(data => ({ a: data.total }));
const fetchApiB = () => $.getJSON('restapi2').then(data => ({ b: data.total }));
// 可以继续添加更多请求，比如fetchApiZ...

// 并行发起所有请求，等待全部完成后合并结果
Promise.all([fetchApiA(), fetchApiB() /* , fetchApiZ() */])
  .then(results => {
    // 用Object.assign+展开运算符把所有小对象合并成一个大对象
    const finalResult = Object.assign({}, ...results);
    
    // 现在直接访问你要的属性就行啦！
    console.log(finalResult); // { a: 123, b: 456, ... }
    const value1 = finalResult.a;
    // 这里写你的后续处理逻辑
  })
  .catch(err => {
    // 处理任何一个请求失败的情况
    console.error('API请求出错:', err);
  });

方法二：纯jQuery方式（兼容旧版本jQuery） #

如果你还在使用较旧的jQuery版本，也可以用$.when()来处理多个Deferred对象：

// 收集所有包装后的请求Promise
const apiPromises = [
  $.getJSON('restapi1').then(data => ({ a: data.total })),
  $.getJSON('restapi2').then(data => ({ b: data.total })),
  // 更多请求...
];

// 用$.when.apply处理多个Deferred
$.when.apply($, apiPromises)
  .then(function() {
    // arguments里是每个请求返回的小对象，合并它们
    const finalResult = Object.assign({}, ...arguments);
    
    console.log(finalResult);
    const value1 = finalResult.a;
  })
  .fail(err => {
    console.error('请求失败:', err);
  });

进阶：处理部分请求失败的情况 #

如果希望某个API请求失败不会导致整个流程中断，可以给每个Promise添加catch，返回默认值：

const fetchApiA = () => $.getJSON('restapi1')
  .then(data => ({ a: data.total }))
  .catch(() => ({ a: null })); // 请求失败时给a设置默认值

这样即使某个接口挂了，最终结果里对应的键会被设为你指定的默认值，而不是整个流程报错。

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