温馨提示×

ES6中promise.all的用法是什么

es6
小亿
126
2023-12-21 16:46:07
栏目: 编程语言

ES6中的Promise.all是一个静态方法,用于处理多个Promise对象的并行执行。它接受一个Promise对象的数组作为参数,并返回一个新的Promise对象。

Promise.all会等待所有的Promise对象都变为resolved状态后才会返回,返回的Promise对象的resolve回调函数的参数是一个数组,包含了所有Promise对象的结果。如果其中任何一个Promise对象变为rejected状态,则返回的Promise对象的reject回调函数会被立即调用,并传递第一个被rejectedPromise对象的错误信息。

示例代码如下:

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']
  })
  .catch(error => {
    console.error(error);
  });

在上面的例子中,promise1promise2分别是已经被resolvedPromise对象,而promise3是一个在100ms后变为resolved状态的Promise对象。Promise.all会等待所有的Promise对象都变为resolved状态后,返回一个新的Promise对象,并将所有结果以数组的形式传递给resolve回调函数。在这个例子中,values数组包含了promise1promise2promise3的结果,即[3, 42, 'foo']

如果其中任何一个Promise对象变为rejected状态,如下所示:

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

Promise.all([promise1, promise2, promise3])
  .then(values => {
    console.log(values);
  })
  .catch(error => {
    console.error(error); // Error
  });

在这个例子中,promise3在100ms后变为rejected状态,Promise.all会立即返回一个新的Promise对象,并将promise3的错误信息传递给reject回调函数。因此,只会执行catch回调函数,并输出Error

0