在 JavaScript 中，Promise 是一种用于异步编程的语言特性，它允许开发人员编写可重用的、可组合的、可链式调用的操作。Promise 建立在回调地狱的思想之上，可以让开发人员更好地管理异步操作，避免了回调地狱问题。Promise 通过解决异步操作中的三种状态(resolve、reject 和 pending)来安排代码的执行顺序。
在 ES7 中，Promise 提供了一个新的方法 Promise.prototype.finally()，用于在一个 Promise 状态不管是 resolve 还是 reject 都执行一些操作，并返回一个新的 Promise 对象。本文将介绍如何使用 Promise.prototype.finally() 处理 finally 块。
在 ES7 中使用 Promise.prototype.finally()
Promise.prototype.finally() 方法只接收一个回调函数，该函数可以处理成功或失败状态的情况，无论哪种情况它都会被执行。当 Promise 被 resolved 或 rejected 时，该方法都会被执行并返回一个新的 Promise 对象。
在 finally 块中，开发人员可以执行任何操作，如清理操作（比如关闭数据库连接等），但通常不会修改 Promise 的状态。该方法返回一个新的 Promise 对象，该对象的状态与当前 Promise 的状态相同，并且值不会被修改。
下面是一个例子，我们使用 Promise.prototype.finally() 处理一个 Promise，在 finally 块中执行一些操作：
-- -------------------- ---- -------
-------- ------------- -
------ --- ----------------- ------- -- -
-- -- ---------
---------------
---
-
-------------
------------ -- -
--------------------
--
------------ -- -
---------------------
--
----------- -- -
-----------------------
---在上面的例子中，doSomething() 返回一个 Promise 对象，该对象在成功时会返回 "foo"。Promise 对象的 then() 方法用于获取成功的结果，并在后续执行中打印结果。catch() 方法用于捕捉失败的结果，并在后续执行中打印错误。Promise.prototype.finally() 方法用于在最后执行清理操作并打印 "finally"。
深入学习 Promise.prototype.finally()
Promise.prototype.finally() 方法可以让开发人员在出现成功或失败的情况时执行一些操作。它会返回一个新的 Promise 对象，该对象的状态与当前 Promise 对象的状态相同，值也不会被修改。Promise.prototype.finally() 方法的第一个参数是一个回调函数，该函数在 Promise 对象被处理完成后被执行。这个回调函数不接收任何参数，也不返回任何值。
与 Promise.prototype.then() 和 Promise.prototype.catch() 不同，Promise.prototype.finally() 不会改变 Promise 对象的状态，它只是在 Promise 对象处理完之后执行一些操作，并且它会返回一个新的 Promise 对象，该对象具有相同的状态和值。可以在 Promise.prototype.finally() 中使用 .then() 或 .catch() 方法来执行额外的操作。
下面是一个更深入的例子，我们使用 Promise.prototype.finally() 将 Promise 对象存储到本地存储中，并在后续的 Promise 执行中使用已存储的 Promise 对象：
-- -------------------- ---- -------
----- --- - ---------------------------------------------
-------- ---------- -
--- ----- - ------------------------------
-- ------- -
------------------ --------
------ -----------------------------------
-
--------------------- -------
------ ----------
-------------- -- ----------------
-------------------- -- -
----------------------------- --------------------------------
------ ---------------
---
-
----------
-------------------- -- -
----------------------------
--
------------ -- -
---------------------
--
----------- -- -
------------------ ------------
---在上面的例子中，我们首先从本地存储中读取已经存在的 Promise 对象，如果找到了一个 Promise 对象，我们就不需要再向服务器请求数据，我们只需使用已缓存的数据。如果本地存储中不存在 Promise 对象，我们就向服务器发送请求，并存储返回的 Promise 对象。无论是哪种情况，在最后我们使用 Promise.prototype.finally() 方法打印出一个相关信息。
从上面的例子可以看出，Promise.prototype.finally() 方法可以很好的管理操作的清理工作，即使在发生错误时也不例外。
指导意义
使用 Promise.prototype.finally() 方法可以让开发人员更方便地管理资源的清理，避免资源泄漏的问题。这个方法也可以帮助开发人员更好地处理异步操作的结果，避免回调地狱问题和代码混乱问题，使代码更易于阅读和维护。
通过深入学习 Promise.prototype.finally() 方法，开发人员可以更好地理解 Promise 对象的状态和工作原理。同时，也可以使用 Promise.prototype.finally() 方法开发更健壮、易于使用和维护的应用程序。
结论
在 ES7 中，Promise.prototype.finally() 方法提供了一种方便的方法来管理 Promise 对象的状态，并执行一些操作。使用 Promise.prototype.finally() 方法可以让开发人员更好地管理异步操作结果，避免多个回调函数的嵌套和清理工作。通过深入学习 Promise.prototype.finally() 方法，开发人员可以使用它来开发更健壮、高效和易于使用的应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66ee83e26fbf96019723475a