Promise.all()等待对象属性的返回

基础概念

Promise.all() 是 JavaScript 中的一个方法，用于处理多个 Promise 对象。它接收一个 Promise 对象的数组作为参数，并返回一个新的 Promise 对象。当数组中的所有 Promise 对象都成功解析（fulfilled）时，返回的 Promise 对象才会解析，并且其结果是一个包含所有 Promise 结果的数组。如果任何一个 Promise 失败（rejected），则返回的 Promise 对象也会立即失败，并且其结果是第一个失败的 Promise 的错误信息。

优势

并行执行：可以同时处理多个异步操作，提高效率。
统一处理：可以一次性处理所有异步操作的结果或错误。
简化代码：避免了嵌套的回调函数，使代码更加清晰和易于维护。

类型

基本类型：处理数组中的 Promise 对象。
对象类型：处理对象中的 Promise 值。

应用场景

并发请求：如同时从多个 API 获取数据。
并行任务：如同时执行多个计算密集型任务。
依赖多个异步操作的结果：如在所有异步操作完成后进行下一步处理。

示例代码

基本类型示例

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3]).then(values => {
  console.log(values); // [3, 42, "foo"]
});

对象类型示例

const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

const promises = {
  a: promise1,
  b: promise2,
  c: promise3
};

Promise.all(Object.values(promises)).then(values => {
  console.log(values); // [3, 42, "foo"]
});

遇到的问题及解决方法

问题：`Promise.all()` 等待对象属性的返回

当使用 Promise.all() 处理对象属性时，可能会遇到以下问题：

属性值为非 Promise 对象：如果对象属性值不是 Promise 对象，Promise.all() 会将其视为已解析的 Promise。
属性值为 undefined 或 null：如果对象属性值为 undefined 或 null，可能会导致意外的行为。

解决方法

确保对象的所有属性值都是 Promise 对象，并且在调用 Promise.all() 之前进行检查。

const promises = {
  a: Promise.resolve(3),
  b: Promise.resolve(42),
  c: new Promise((resolve, reject) => {
    setTimeout(resolve, 100, 'foo');
  })
};

Promise.all(Object.values(promises)).then(values => {
  console.log(values); // [3, 42, "foo"]
}).catch(error => {
  console.error('Error:', error);
});