ECMAScript 2021 (ES12) 中的 Promise.any() 与 Promise.all() 有何异同-JavaScript中文网-JavaScript教程资源分享门户

Promise 是一种非常常用的异步编程方案，它可以让我们轻松地处理异步操作的结果；而 Promise.all() 与 Promise.race() 更是 Promise 中最常用的方法之一。在 ECMAScript 2021 中，新增了 Promise.any() 方法，那么 Promise.any() 有什么不同之处呢？本文将对 Promise.any() 与 Promise.all() 相似与不同之处进行详细的说明，并提供示例代码，帮助读者更好地理解并应用这两种方法。

Promise.all()

Promise.all() 方法接收一个 Promise 数组，并返回一个新的 Promise 对象。当所有的 Promise 对象都变为 fulfilled 状态，才会执行这个新的 Promise。如果这个数组里面有一个 Promise 对象变为 rejected 状态，那么就会导致新的 Promise 对象变为 rejected 状态。Promise.all() 的作用是实现异步代码的并行执行。

下面是一个使用 Promise.all() 方法的示例：

const promise1 = new Promise(resolve => setTimeout(resolve,1000,'hello'));
const promise2 = new Promise(resolve => setTimeout(resolve,2000,'world'));
const promise3 = new Promise(resolve => setTimeout(resolve,3000,'!'));
Promise.all([promise1, promise2, promise3])
  .then(values => console.log(values));
// 输出：[ 'hello', 'world', '!' ]

Promise.any()

Promise.any() 方法与 Promise.all() 不同之处在于，只要传入的 Promise 数组中只有一个 Promise 对象变为 fulfilled 状态，就会执行新的 Promise 对象。如果传入的数组中所有 Promise 对象都是 rejected 状态，就会抛出一个 AggregateError。Promise.any() 的作用是找到一个成功的 Promise 对象，并返回其结果。

下面是一个使用 Promise.any() 方法的示例：

const promise1 = new Promise(resolve => setTimeout(resolve,1000,'hello'));
const promise2 = new Promise((resolve, reject) => setTimeout(reject,2000,'error'));
const promise3 = new Promise(resolve => setTimeout(resolve,3000,'!'));

Promise.any([promise1, promise2, promise3])
  .then(value => console.log(value))
  .catch((error) => console.log(error));
// 输出：'hello'

相似之处

Promise.any() 与 Promise.all() 均是对一组 Promise 对象进行操作，并返回一个新的 Promise 对象，二者的作用都是实现异步代码的并行执行。Promise.any() 与 Promise.all() 的使用方式也比较类似，都是传入一个 Promise 数组，并返回一个新的 Promise 对象。

不同之处

Promise.any() 与 Promise.all() 的主要区别在于下面几点：

执行顺序：Promise.all() 在所有的 Promise 对象变为 resolved 状态后才会执行新的 Promise 对象，而 Promise.any() 只要有一个 Promise 对象变为 resolved 状态就会执行新的 Promise 对象；
异常处理：Promise.all() 中只要有一个 Promise 对象变为 rejected 状态，就会导致新的 Promise 对象变为 rejected 状态；而 Promise.any() 中只有在所有 Promise 对象都是 rejected 状态时才会出现异常；
返回值：Promise.all() 返回由 Promise 对象解决后的值组成的数组，而 Promise.any() 返回第一个 Promise 对象的值。

总结

本文分别介绍了 Promise.any() 与 Promise.all() 两种方法的使用方法、作用、相似点以及不同点，同时也提供了示例代码帮助读者更好地理解它们的应用。了解它们的特点以及差异，将有助于我们在实际开发中更好地应用它们，提高异步编程的效率和质量。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/64e67aa2f6b2d6eab31e175d