promise.all 示例

好的，promise.all 示例可以这样写：

const promiseA = Promise.resolve(1);
const promiseB = Promise.resolve(2);
const promiseC = Promise.resolve(3);

Promise.all([promiseA, promiseB, promiseC])
  .then(results => {
    console.log(results); // [1, 2, 3]
  });

以上代码定义了三个 Promise 对象，并且使用 Promise.all 将它们组合在一起，最后通过 then 来获取它们的结果。这里的结果是按照定义的顺序返回的一个数组，分别是每个 Promise 对象 resolve 后的结果。

相关问题

promise.all 和 promise.allsettled区别场景应用

Promise.all和Promise.allSettled是两种不同的Promise方法，它们在使用场景和返回结果上有所不同。

1. Promise.all：
- 使用场景：当需要等待多个Promise对象都完成后再执行后续操作时，可以使用Promise.all。
- 返回结果：返回一个新的Promise对象，Promise对象在所有给定的Promise对象都已经fulfilled后才会fulfilled，如果其中任何一个Promise对象被rejected，则返回的Promise对象会立即被rejected。
- 示例代码：

     const promise1 = Promise.resolve(1);
     const promise2 = Promise.resolve(2);
     const promise3 = Promise.resolve(3);

     Promise.all([promise1, promise2, promise3])
       .then(values => {
         console.log(values); // 输出：[1, 2, 3]
       })
       .catch(error => {
         console.log(error); // 如果有任何一个Promise对象被rejected，则会执行这里的代码
       });

2. Promise.allSettled：
- 使用场景：当需要等待多个Promise对象都完成后，无论是fulfilled还是rejected，都需要获取每个Promise对象的结果时，可以使用Promise.allSettled。
- 返回结果：返回一个新的Promise对象，该Promise对象在所有给定的Promise对象都已经fulfilled或rejected后才会fulfilled，返回的Promise对象带有一个对象数组，每个对象表示对应的Promise对象的结果，包括状态（fulfilled或rejected）和值。
- 示例代码：

     const apiOne = function(id) {
       return new Promise((resolve, reject) => {
         resolve({ result: true, text: 1 });
       });
     };

     const apiTwo = function(id) {
       return new Promise((resolve, reject) => {
         reject({ result: true, text: 2 });
       });
     };

     Promise.allSettled([apiOne('one'), apiTwo('two')])
       .then(results => {
         console.log(results);
         /*
         输出：
         [
           { status: 'fulfilled', value: { result: true, text: 1 } },
           { status: 'rejected', reason: { result: true, text: 2 } }
         ]
         */
       })
       .catch(error => {
         console.log(error);
       });

Promise.all方法，Promise.race方法以及使用

Promise.all 方法接收一个 Promise 数组作为参数，并且返回一个新的 Promise 对象。该新的 Promise 对象在所有 Promise 对象都变为 resolved 状态时才会被 resolved，或者在任意一个 Promise 对象变为 rejected 状态时被 rejected。返回的 Promise 对象的结果将是一个包含所有 Promise 对象结果的数组，其顺序与传入的 Promise 数组顺序一致。

以下是一个使用 Promise.all 方法的示例：

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 1 resolved');
  }, 1000);
});

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

const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 3 resolved');
  }, 1500);
});

Promise.all([promise1, promise2, promise3])
  .then(results => {
    console.log(results); // ['Promise 1 resolved', 'Promise 2 resolved', 'Promise 3 resolved']
  })
  .catch(error => {
    console.log(error);
  });

Promise.race 方法也接收一个 Promise 数组作为参数，并且返回一个新的 Promise 对象。该新的 Promise 对象将与最先完成（无论是 resolved 或 rejected）的 Promise 对象具有相同的状态。

以下是一个使用 Promise.race 方法的示例：

const promise1 = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('Promise 1 resolved');
  }, 1000);
});

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

const promise3 = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('Promise 3 rejected');
  }, 1500);
});

Promise.race([promise1, promise2, promise3])
  .then(result => {
    console.log(result); // 'Promise 1 resolved'
  })
  .catch(error => {
    console.log(error); // 'Promise 3 rejected'
  });

使用 Promise.all 方法和 Promise.race 方法可以更方便地处理多个 Promise 对象的状态和结果。