随着 JavaScript 的发展，Promise 成为了异步编程的主流解决方案之一。ES2018（ECMAScript 2018）中新增了 Promise.finally() 方法，用于在 Promise 执行结束后无论结果如何都会执行一段代码。本文将详细介绍 Promise.finally() 方法的使用方法、示例代码以及其对前端开发的指导意义。
Promise.finally() 方法的语法
Promise.finally() 方法是一个实例方法，它接受一个回调函数作为参数。该回调函数会在 Promise 执行结束后无论结果如何都会被调用。Promise.finally() 方法返回一个新的 Promise，该 Promise 的状态和原始 Promise 的状态相同。
Promise.finally() 方法的语法如下所示：
promise.finally(onFinally)
其中，promise 是一个 Promise 对象，onFinally 是一个回调函数。回调函数中可以执行任何代码，但是不能改变 Promise 的状态。
Promise.finally() 方法的示例代码
下面是一个使用 Promise.finally() 方法的示例代码：
-- -------------------- ---- -------
-------- ----------- -
------ ------------------
-------------- -- ----------------
---------- -- -
-- ----
--
------------ -- -
-- ----
--
----------- -- -
-------------------
--
-在上面的示例代码中，fetchData 函数使用 fetch 方法获取数据，并使用 Promise 链式调用处理数据和错误。在 Promise 链式调用的最后，使用 Promise.finally() 方法添加一个回调函数，该回调函数会在 Promise 执行结束后被调用，无论结果如何都会执行。在该回调函数中，输出一条日志，表示请求结束。
Promise.finally() 方法的指导意义
Promise.finally() 方法的出现，使得开发者可以在 Promise 执行结束后无论结果如何都能够执行一些代码，比如清理资源、关闭连接等。同时，Promise.finally() 方法也有助于代码的可读性和维护性。使用 Promise.finally() 方法可以避免在多个 catch 语句中重复编写相同的代码，使代码更加简洁。
需要注意的是，Promise.finally() 方法的回调函数中不能改变 Promise 的状态。如果回调函数中抛出异常或者返回一个新的 Promise，那么该异常或者新的 Promise 将会影响到后续的 Promise。
在实际开发中，我们可以使用 Promise.finally() 方法来处理各种场景，比如清理资源、关闭连接、记录日志等。下面是一个使用 Promise.finally() 方法记录日志的示例代码：
-- -------------------- ---- -------
-------- ----------- -
------ ------------------
-------------- -- ----------------
---------- -- -
-- ----
--
------------ -- -
-- ----
--
----------- -- -
----------------------- ---------
--
-在上面的示例代码中，使用 Promise.finally() 方法记录了请求结束的时间。这样可以方便后续查找问题，也有助于优化代码。
结论
Promise.finally() 方法是 ES2018（ECMAScript 2018）中新增的方法，用于在 Promise 执行结束后无论结果如何都会执行一段代码。使用 Promise.finally() 方法可以避免在多个 catch 语句中重复编写相同的代码，使代码更加简洁。同时，Promise.finally() 方法也有助于代码的可读性和维护性。在实际开发中，我们可以使用 Promise.finally() 方法来处理各种场景，比如清理资源、关闭连接、记录日志等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6763ad96856ee0c1d4217677