解读 ES12 中的 Promise.anySettled() 和 Promise.allSettled()-JavaScript中文网-JavaScript教程资源分享门户

ES12 中引入了两个新的 Promise API：Promise.anySettled() 和 Promise.allSettled()。这两个 API 可以帮助开发者更方便地处理 Promise 的状态，从而提高代码的可读性和可维护性。

Promise.anySettled()

Promise.anySettled() 的作用是将多个 Promise 对象合并为一个 Promise 对象，并返回其中任意一个 Promise 对象的结果。这个 API 的返回值是一个 Promise 对象，它会在任意一个 Promise 对象的状态变为 settled（fulfilled 或 rejected）时返回。

下面是一个使用 Promise.anySettled() 的示例：

// javascriptcn.com 代码示例
const promises = [
  Promise.resolve(1),
  Promise.reject(new Error('error')),
  Promise.resolve(3)
];

Promise.anySettled(promises)
  .then(result => {
    console.log(result);
  })
  .catch(error => {
    console.error(error);
  });

上面的代码中，我们创建了三个 Promise 对象，并将它们放入一个数组中。然后我们调用了 Promise.anySettled() 方法，并将这个数组作为参数传入。最后，我们使用 then() 方法获取 Promise 对象的结果。由于数组中的第一个和第三个 Promise 对象都是 fulfilled 状态，所以我们会得到一个包含第一个 Promise 对象的结果的对象。

Promise.allSettled()

Promise.allSettled() 的作用是将多个 Promise 对象合并为一个 Promise 对象，并返回所有 Promise 对象的结果。这个 API 的返回值是一个 Promise 对象，它会在所有 Promise 对象的状态都变为 settled（fulfilled 或 rejected）时返回。

下面是一个使用 Promise.allSettled() 的示例：

// javascriptcn.com 代码示例
const promises = [
  Promise.resolve(1),
  Promise.reject(new Error('error')),
  Promise.resolve(3)
];

Promise.allSettled(promises)
  .then(results => {
    console.log(results);
  })
  .catch(error => {
    console.error(error);
  });

上面的代码中，我们创建了三个 Promise 对象，并将它们放入一个数组中。然后我们调用了 Promise.allSettled() 方法，并将这个数组作为参数传入。最后，我们使用 then() 方法获取 Promise 对象的结果。由于数组中的第一个和第三个 Promise 对象都是 fulfilled 状态，而第二个 Promise 对象是 rejected 状态，所以我们会得到一个包含所有 Promise 对象的结果的数组。

总结

Promise.anySettled() 和 Promise.allSettled() 是两个全新的 Promise API，它们可以帮助开发者更方便地处理 Promise 的状态。使用这两个 API 可以提高代码的可读性和可维护性，从而让开发者更加轻松地编写高质量的代码。

参考资料

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65726c7ad2f5e1655db4a3ad