promise.all动态添加请求

可以使用`Promise.all()`方法动态添加请求。`Promise.all()`方法接受一个promise对象数组作为参数，返回一个新的promise对象，该promise对象在所有promise对象都成功完成时才会被解决，否则将会被拒绝。因此，我们可以将需要动态添加的请求封装成promise对象，然后将这些promise对象添加到一个数组中，最后将该数组作为参数传递给`Promise.all()`方法即可。

以下是一个示例代码，其中我们使用`axios`库发送请求：

// 引入axios库
const axios = require('axios');

// 请求地址数组
const urls = ['url1', 'url2', 'url3'];

// 将请求地址数组转换为promise对象数组
const promises = urls.map(url => axios.get(url));

// 动态添加请求
promises.push(axios.get('url4'));

// 使用Promise.all()方法发送请求
Promise.all(promises)
  .then(responses => {
    // 所有请求都成功完成时的处理逻辑
    console.log(responses);
  })
  .catch(error => {
    // 请求失败时的处理逻辑
    console.error(error);
  });

相关问题

promise.all并发控制

Promise.all是一个用于并行执行多个异步任务的方法，在所有任务都完成后返回一个包含所有任务结果的数组。但是，当使用Promise.all时，所有的请求会同时发出，没有并发控制。为了实现并发控制，可以使用Promise.race配合async await来控制并发数量。

具体的实现方法如下：
1. 创建一个空数组ret，用于存放所有的promise实例。
2. 创建一个空数组executing，用于存放目前正在执行的promise。
3. 遍历待执行的任务数组，对于每个任务，创建一个promise实例p，并将其添加到ret数组中。
4. 如果并发数限制小于等于任务数组的长度，则进行并发控制。
5. 在then回调中，当这个promise状态变为fulfilled后，将其从正在执行的promise列表executing中删除。
6. 将当前promise实例e添加到executing数组中，并检查executing数组的长度是否超过并发数限制。
7. 如果超过限制，使用Promise.race等待某一个promise状态发生变更。
8. 状态变更后，执行上面的then回调，将该promise从executing中删除，然后再进入下一次循环，生成新的promise进行补充。
9. 返回Promise.all(ret)以等待所有任务的完成，并获取结果数组。

这样，通过Promise.race配合async await，就可以实现对Promise.all的并发控制。

<span class="em">1</span><span class="em">2</span><span class="em">3</span>

foreach 循环调取接口 使用Promise.all解决bug

foreach 循环调用接口会有异步请求的问题，可能会导致数据顺序错乱或者出现其他问题。为了解决这个问题，可以使用 Promise.all 来处理异步请求。

Promise.all 可以接收一个由 Promise 对象组成的数组作为参数，当所有的 Promise 对象都成功执行时，Promise.all 才会返回一个成功的 Promise 对象；如果其中任意一个 Promise 对象失败，Promise.all 就会返回一个失败的 Promise 对象。

下面是一个使用 Promise.all 解决异步请求问题的示例代码：

const ids = [1, 2, 3, 4, 5];
const promises = [];

ids.forEach(id => {
  const promise = fetch(`/api/data/${id}`).then(response => response.json());
  promises.push(promise);
});

Promise.all(promises)
  .then(results => {
    console.log(results);
  })
  .catch(error => {
    console.log(error);
  });

在上面的代码中，我们使用 forEach 循环遍历了一个包含 5 个数据 id 的数组，然后将每个 id 传递给 fetch 函数发起异步请求，将返回的 Promise 对象添加到 promises 数组中。最后使用 Promise.all 来处理这些 Promise 对象，当所有的 Promise 对象都成功执行时，Promise.all 返回一个包含所有结果的数组。如果其中任意一个 Promise 对象失败，Promise.all 就会返回一个失败的 Promise 对象。

这样使用 Promise.all 可以保证所有异步请求都成功执行并按顺序返回结果，避免了因为异步请求导致数据顺序错乱或者出现其他问题。