ECMAScript 2017 (ES8) 中的另一个变化：Promise.finally()-JavaScript中文网-JavaScript教程资源分享门户

在 ES6 中，Promise 成为了 JavaScript 中处理异步编程的标准方式。然而，Promise 也存在一些不足之处，比如缺少一个能够处理无论 Promise 成功或失败都需要执行的函数的方法。ES8 中，Promise.finally() 方法被引入来解决这个问题。

Promise.finally() 方法

Promise.finally() 方法接收一个回调函数作为参数，该回调函数会在 Promise 结束时被调用。无论 Promise 成功或失败，都会执行该回调函数。如果 Promise 被中断，finally() 方法也会被调用。finally() 方法的返回值是一个新的 Promise，该 Promise 的状态和值与原始 Promise 相同。

使用 Promise.finally() 方法

下面是一个简单的示例，展示了如何使用 Promise.finally() 方法：

function fetchData() {
  return fetch('https://example.com/data')
    .then(response => response.json())
    .catch(error => console.error(error))
    .finally(() => console.log('fetchData() completed'));
}

fetchData();

在上面的代码中，fetchData() 函数返回一个 Promise 对象。在 Promise 对象中，我们使用 fetch() 方法来获取数据，然后使用 .then() 方法和 .catch() 方法来处理 Promise 的成功和失败状态。接着，我们使用 .finally() 方法来添加一个回调函数，该回调函数会在 Promise 结束时被调用。在这个示例中，我们只是简单地输出一段信息，表示 fetchData() 函数已经完成。

Promise.finally() 方法的指导意义

Promise.finally() 方法的引入使得 Promise 更加完善。该方法使得我们可以在 Promise 结束时执行一些清理工作，比如关闭数据库连接或者释放资源。另外，使用 Promise.finally() 方法也可以避免代码重复，因为我们不需要在 .then() 方法和 .catch() 方法中重复执行清理工作。

结论

Promise.finally() 方法是 ES8 中一个非常有用的新特性。它允许我们在 Promise 结束时执行一些清理工作，并且避免代码重复。在编写异步代码时，使用 Promise.finally() 方法可以使代码更加简洁和可读。

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