ES8 中的 Promise.prototype.finally 方法详解

在 JavaScript 开发中，Promise 是一种非常常见的异步编程模式。ES6 引入了 Promise 对象并提供了一些内置方法，如 then() 和 catch()，用于处理异步操作的结果和错误。ES8（即 ES2017）中新增了一个方法——Promise.prototype.finally()。本文将详细解释这个新方法的用法和意义。

Promise.prototype.finally() 的作用

Promise.prototype.finally() 方法用于指定一个在 Promise 对象状态改变时必定会被执行的回调函数。这个回调函数不接收任何参数，也就是说，它不关心 Promise 对象是成功还是失败，它只是在 Promise 对象状态改变时执行一些清理操作或执行一些与 Promise 对象状态无关的操作。

Promise.prototype.finally() 的语法

Promise.prototype.finally() 方法的语法如下：

promise.finally(onFinally);

其中，promise 表示一个 Promise 对象，onFinally 是一个回调函数，用于在 Promise 对象状态改变时执行。

Promise.prototype.finally() 的示例

下面是一个使用 Promise.prototype.finally() 方法的示例代码：

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

fetchData();

在上面的代码中，fetchData() 函数返回一个 Promise 对象，该对象通过调用 fetch() 方法获取一个 JSON 格式的数据。如果获取数据成功，则将数据解析为一个 JavaScript 对象并返回；否则，输出错误信息。不管 Promise 对象的状态是成功还是失败，最后都会执行 finally() 方法中的回调函数，即输出一条日志，表示 fetchData() 函数已经完成。

Promise.prototype.finally() 的指导意义

Promise.prototype.finally() 方法的意义在于，它可以让开发者在 Promise 对象状态改变时执行一些必要的清理操作或执行一些与 Promise 对象状态无关的操作。比如，在上面的示例代码中，我们使用 finally() 方法输出了一条日志，表示 fetchData() 函数已经完成。这个日志输出并不关心 Promise 对象的状态，它只是一个与 Promise 对象无关的操作。但是这个操作对于调试和排错非常有帮助，它可以让开发者知道 fetchData() 函数是否已经完成，以及完成时是否有错误发生。

另外，Promise.prototype.finally() 方法也可以用于清理资源。比如，在使用 fetch() 方法获取数据时，我们通常需要释放网络资源。在 finally() 方法中释放这些资源是非常合适的，因为这个操作不仅与 Promise 对象状态无关，而且在 Promise 对象状态改变时必须执行。

结论

Promise.prototype.finally() 方法是 ES8 新增的一个方法，用于指定一个在 Promise 对象状态改变时必定会被执行的回调函数。这个回调函数不关心 Promise 对象的状态，它只是在 Promise 对象状态改变时执行一些清理操作或执行一些与 Promise 对象状态无关的操作。使用 Promise.prototype.finally() 方法可以让开发者更加方便地处理 Promise 对象的状态，并清理相关资源。

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