Promise.all与Axios.all的差异咨询：多API请求场景对比

1. 本质定位不同 #

• Promise.all 是ES6原生JavaScript的Promise API，属于语言层面的标准方法，可以处理任何类型的Promise实例，不局限于Axios发起的请求。
• Axios.all 是Axios库提供的工具方法，是专门为Axios返回的AxiosPromise设计的语法糖，本质是对原生API的封装。

2. 核心功能与实现逻辑 #

两者的核心行为完全一致：等待所有传入的Promise完成后，返回包含所有结果的数组；只要有一个Promise失败，就会立即触发reject，抛出对应的错误。

查看Axios源码就能发现，Axios.all 的内部直接调用了原生Promise.all，实现大致如下：

axios.all = function(promises) {
  return Promise.all(promises);
};

这也是为什么你用两者都能正常运行的原因——它们底层逻辑是完全相同的。

3. 使用场景的细微区别 #

• Promise.all 灵活性更高：可以混合处理Axios请求、原生Promise、其他库返回的Promise，比如同时处理Axios请求和一个自定义的异步任务Promise。
• Axios.all 搭配Axios.spread更便捷：Axios同时提供了axios.spread方法，可以把返回的结果数组直接展开为单独参数，省去手动解构的步骤：

  axios.all([axios.get('/api/user'), axios.get('/api/posts')])
    .then(axios.spread((userRes, postsRes) => {
      // 直接拿到两个响应对象，无需解构数组
      console.log(userRes.data, postsRes.data);
    }));
  

  而用Promise.all的话，需要手动解构数组：

  Promise.all([axios.get('/api/user'), axios.get('/api/posts')])
    .then(([userRes, postsRes]) => {
      console.log(userRes.data, postsRes.data);
    });
  

4. 版本与官方推荐 #

在Axios 1.x及以上的新版本中，官方更推荐直接使用原生Promise.all，因为Axios.all只是一个无额外功能的封装，保留它更多是为了向下兼容旧代码。

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