JS中使用Promise.all控制所有的异步请求都完成后

在JavaScript中，可以使用 
Promise.all方法来控制所有的异步请求都完成后执行后续逻辑。
Promise.all接受一个由Promise对象组成的数组作为参数，并返回一个新的Promise对象。该新的Promise对象将在所有的Promise对象都成功解决后才被解决，或在任意一个Promise对象被拒绝时被拒绝。

以下是使用 
Promise.all的示例代码：

// 创建异步请求的Promise对象数组const promises = [
  fetch('https://api.example.com/data1'),
  fetch('https://api.example.com/data2'),
  fetch('https://api.example.com/data3')
];// 使用Promise.all等待所有异步请求完成Promise.all(promises)
  .then(responses => {    // 所有异步请求都成功完成，可以在这里处理响应数据
    // responses数组包含了所有异步请求的响应结果
    responses.forEach(response => {      // 处理响应数据
      console.log(response);
    });    // 执行后续逻辑
    console.log('All requests completed.');
  })
  .catch(error => {    // 如果有任意一个异步请求失败，则进入这里的错误处理逻辑
    console.error('An error occurred:', error);
  });

在上述示例中，我们创建了一个由三个异步请求的Promise对象组成的数组 
promises，然后使用 
Promise.all等待所有异步请求完成。在 
then方法中，我们可以处理所有异步请求的响应数据，并在最后执行后续的逻辑。如果任意一个异步请求失败，则进入 
catch方法进行错误处理。

请注意，
fetch函数用于发送网络请求，返回一个Promise对象。你可以根据实际情况替换为其他异步操作的Promise对象。

使用 
Promise.all可以有效地管理多个异步请求，并在所有请求都完成后执行后续逻辑。

希望以上解答对你有帮助。如果你有任何其他问题，请随时提问。