ECMAScript 2018 中实现 Promise 的几种方法-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript 2018 中实现 Promise 的几种方法

在前端开发中，我们经常使用 Promise 进行异步编程。ECMAScript 2015 将 Promise 加入了标准库，为我们提供了一种方便的异步编程方式。而在 ECMAScript 2018 中，Promise 的一些新特性也被引入，包括下面要讲的几种实现方法。

Promise.finally()

Promise.finally() 方法可以在 Promise 被 resolve 或 reject 后执行回调函数，无论 Promise 的状态如何，该方法都会执行。例如，下面的代码中，finally() 方法在 Promise 被解决后打印出 "finally"：

let promise = new Promise(function(resolve, reject) {
  setTimeout(() => resolve("done!"), 1000);
});

promise
  .then(result => console.log(result))
  .catch(error => console.log(error))
  .finally(() => console.log("finally"));

Promise.try()

Promise.try() 方法可以让我们在一个 Promise 中执行函数，并且可以捕获该函数抛出的任何错误或异常。例如，下面的代码中，tryFunc() 方法会在 Promise 中执行，并在抛出错误时被捕获：

function tryFunc() {
  throw new Error("whoops!");
}

Promise.try(tryFunc)
  .then(result => console.log(result))
  .catch(error => console.log(error.message));

Promise.allSettled()

Promise.allSettled() 方法返回一个 Promise，该 Promise 在所有 Promise 都被解决后解决，并返回一个包含每个 Promise 的结果（无论 Promise 是否解决）的数组。例如，下面的代码中，Promise.allSettled() 方法返回一个包含数组中每个 Promise 结果的对象：

let promises = [
  Promise.resolve("resolved"),
  Promise.reject(new Error("rejected"))
];

Promise.allSettled(promises)
  .then(results => console.log(results));

Promise.any()

Promise.any() 方法返回第一个解决的 Promise 的值，该方法在一个或多个 Promise 解决后解决。例如，下面的代码中，Promise.any() 方法返回数组的第一个值，即 "one"：

let promises = [
  new Promise(resolve => setTimeout(() => resolve("one"), 1000)),
  new Promise(resolve => setTimeout(() => resolve("two"), 2000)),
  new Promise(resolve => setTimeout(() => resolve("three"), 3000))
];

Promise.any(promises)
  .then(result => console.log(result));

总结

以上介绍了 ECMAScript 2018 中实现 Promise 的几种新的方法。使用这些方法可以使异步编程更加方便和简单，并且可以提高代码的可读性和可维护性。同时，也要注意在使用 Promise 时避免一些常见的陷阱，如未处理 Promise 时可能导致的代码问题等。

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