使用 ECMAScript 2019 更新 promises 连锁中一些不成熟的编程方法

随着 JavaScript 的发展，Promise 已经成为了前端开发中不可或缺的一部分。Promise 可以让我们更好地处理异步操作，避免了回调地狱的问题。而随着 ECMAScript 2019 的发布，Promise 也得到了一些更新，特别是在连锁中一些不成熟的编程方法方面。在本文中，我们将探讨如何使用 ECMAScript 2019 更新 Promise 连锁中一些不成熟的编程方法，以便更好地处理异步操作。

Promise 连锁

在前端开发中，我们通常会遇到需要执行多个异步操作的情况。这时，我们可以使用 Promise 连锁来处理这些异步操作。Promise 连锁是指将多个 Promise 对象串联起来，实现多个异步操作的顺序执行。例如：

fetch('/data1')
  .then(response => response.json())
  .then(data1 => fetch(`/data2/${data1.id}`))
  .then(response => response.json())
  .then(data2 => console.log(data2))
  .catch(error => console.error(error));

在上面的代码中，我们使用了 Promise 连锁来获取 data1 和 data2 数据。我们首先使用 fetch 方法获取 data1 数据，然后使用 data1.id 去获取 data2 数据。最后，我们将 data2 数据打印到控制台上。如果在这个过程中出现了任何错误，我们就会捕获到错误并打印出来。

使用 ECMAScript 2019 更新 Promise 连锁中的编程方法

在 ECMAScript 2019 中，Promise 连锁中的一些不成熟的编程方法得到了更新。下面是一些更新后的编程方法：

Promise.allSettled

Promise.allSettled 方法可以用来执行多个 Promise 对象，无论这些 Promise 是否成功，它都会等待所有 Promise 对象都执行完毕后再返回结果。例如：

Promise.allSettled([
  Promise.resolve(1),
  Promise.reject(new Error('error')),
  Promise.resolve(3)
])
  .then(results => console.log(results))
  .catch(error => console.error(error));

在上面的代码中，我们使用了 Promise.allSettled 方法来执行三个 Promise 对象。第一个 Promise 对象是成功的，第二个 Promise 对象是失败的，第三个 Promise 对象是成功的。即使第二个 Promise 对象失败了，Promise.allSettled 方法也会等待所有 Promise 对象都执行完毕后再返回结果。最后，我们将结果打印到控制台上。

Promise.any

Promise.any 方法可以用来执行多个 Promise 对象，返回第一个成功的 Promise 对象的结果。例如：

Promise.any([
  Promise.reject(new Error('error1')),
  Promise.resolve(2),
  Promise.reject(new Error('error2'))
])
  .then(result => console.log(result))
  .catch(error => console.error(error));

在上面的代码中，我们使用了 Promise.any 方法来执行三个 Promise 对象。第一个和第三个 Promise 对象都是失败的，只有第二个 Promise 对象是成功的。Promise.any 方法会返回第一个成功的 Promise 对象的结果，即 2。最后，我们将结果打印到控制台上。

Promise.prototype.finally

Promise.prototype.finally 方法可以用来在 Promise 对象执行结束后执行一些操作。例如：

Promise.resolve(1)
  .then(result => console.log(result))
  .finally(() => console.log('finally'));

在上面的代码中，我们使用了 Promise.prototype.finally 方法来在 Promise 对象执行结束后打印一些信息。在这个例子中，我们使用 Promise.resolve 方法创建了一个成功的 Promise 对象，并在其后面使用 then 方法来打印 1。最后，我们使用 finally 方法来打印 finally。

总结

在本文中，我们介绍了 ECMAScript 2019 中更新的 Promise 连锁中一些不成熟的编程方法。我们探讨了如何使用 Promise.allSettled、Promise.any 和 Promise.prototype.finally 这三个方法来更好地处理异步操作。这些方法都可以让我们更加方便地处理异步操作，避免了回调地狱的问题。如果你还没有使用这些方法，那么现在就是时候开始使用它们了。

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