使用Promise.all实现多接口并发请求

使用 Promise.all 实现多接口并发请求

在现代Web开发中，尤其是构建SPA（单页应用）时，经常遇到需要从多个API接口获取数据的情况。为了提升用户体验，通常希望这些请求能够并发执行，而不是依次串行执行。这时，Javascript的Promise.all方法就显得非常有用。

Promsie.all 方法详解

Promsie.all 是 Javascript 中处理多个 Promise 对象的方法之一。它接受一个 Promise 对象的可迭代集合作为参数，返回一个新的 Promise 实例。当所有传入的 Promises 都成功解决时，返回的 Promise 也会被解决，并携带一个包含所有解决值的数组；如果任何传入的 Promise 被拒绝，则返回的 Promise 立即被拒绝，其原因就是第一个被拒绝的 Promise 的原因。

具体来说，Promise.all 接受一个可迭代对象（如数组、映射或集合）作为输入，该对象中的每个元素都是一个 Promise。返回的新 Promise 在所有输入的 Promises 都解决后解决，或在任意一个 Promise 被拒绝时立即拒绝，携带第一个拒绝的原因。

下面通过一个示例来展示如何使用 Promise.all：

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => resolve('foo'), 100);
});
Promise.all([promise1, promise2, promise3]).then((values) => {
  console.log(values); // 输出: [3, 42, 'foo']
});

语法结构

Promsie.all 的基本语法如下：

Promise.all(iterable);

其中，iterable 参数可以是任何实现了可迭代协议的对象，比如数组或字符串。更多详细信息和高级用法，建议参考 MDN 文档以获得全面的理解。