如何等待所有承诺得到解决后再继续

在JavaScript中，当你有多个异步操作（通常使用Promise表示）并且你想等待所有这些操作都完成后再继续执行代码时，你可以使用Promise.all()方法。这个方法接收一个Promise对象的数组作为参数，并返回一个新的Promise对象，这个新的Promise会在所有传入的Promise都成功解决（fulfilled）后解决，或者在任何一个Promise被拒绝（rejected）时立即拒绝。

基础概念

Promise: 是一个代表了异步操作最终完成或失败的对象。
Promise.all(): 接收一个Promise对象的数组，并返回一个新的Promise对象，这个新的Promise会在所有传入的Promise都成功解决后解决，或者在任何一个Promise被拒绝时立即拒绝。

优势

并行执行: 允许你并行执行多个异步操作，而不是顺序执行，从而提高效率。
统一处理: 提供了一种统一的方式来处理多个异步操作的结果或错误。

类型

静态方法: Promise.all()是一个静态方法，可以直接通过Promise构造函数调用。

应用场景

并发请求: 当你需要同时发送多个HTTP请求，并等待所有请求都返回结果时。
并行计算: 在需要进行多个独立计算，并且不关心哪个先完成时。

示例代码

// 假设有两个异步操作
const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => resolve('Promise 1 resolved'), 1000);
});

const promise2 = new Promise((resolve, reject) => {
  setTimeout(() => resolve('Promise 2 resolved'), 2000);
});

// 使用Promise.all等待所有承诺得到解决
Promise.all([promise1, promise2])
  .then((results) => {
    console.log('All promises resolved:', results);
    // 结果数组将包含promise1和promise2的解决值
  })
  .catch((error) => {
    console.error('One of the promises was rejected:', error);
    // 如果任何一个Promise被拒绝，这里会捕获到错误
  });

遇到问题及解决方法

如果你在使用Promise.all()时遇到了问题，比如某些Promise没有被正确解决或拒绝，你可以尝试以下方法来调试：

检查每个Promise的逻辑: 确保每个Promise都有明确的解决或拒绝逻辑。
使用.catch()进行错误处理: 在每个Promise链中添加.catch()来捕获和处理错误。
使用async/await简化代码: 如果你的环境支持ES2017及以上版本，可以使用async/await语法来简化异步代码的编写和阅读。

async function runPromises() {
  try {
    const results = await Promise.all([promise1, promise2]);
    console.log('All promises resolved:', results);
  } catch (error) {
    console.error('One of the promises was rejected:', error);
  }
}

runPromises();

通过这种方式，你可以更清晰地看到哪些Promise导致了整体操作的失败，并且可以更容易地进行错误处理。