随着JavaScript在Web应用程序中的重要性不断提高，Promise成为了现代JavaScript中经常使用的功能。在ES6中引入了Promise，使得异步请求和处理变得更加方便。
在ES9中，我们可以使用Promise.finally()方法来更加方便地处理我们的异步请求。本文将探讨Promise.finally()的使用方法和优化，并附有相关例子。
Promise.finally()介绍
Promise.finally()是一个链式方法，它处理Promise状态的结束，无论这个Promise状态是完成（fulfilled）还是失败（rejected），或者后续的Promise方法会抛出错误，我们都可以在finally()中执行最后一步操作。finally()方法的回调函数中不接收任何参数，也不返回结果。
举个例子，我们可以使用Promise.finally()方法来关闭一个HTTP连接。
----------
-------------- -- -
-- -- --------- ---- --- -------- ----
--
------------ -- -
-- ------ -----
--
----------- -- -
-- ----- --- ----------
---在这个例子中，无论是response还是error，我们都需要关闭HTTP连接。所以我们可以将这个操作放在finally()回调函数中。
Promise.finally()的使用方法
下面是Promise.finally()的调用方式：
---------------------------
其中，promise是一个Promise实例，onFinally是一个回调函数。
在回调函数onFinally中，我们可以执行一些清理工作，例如关闭连接、清除缓存等，来确保我们的应用程序处于运行状态。
下面是一个具体的例子：
-------- -------------- -
------ --- ----------------- ------- -- -
----- ----- - --- --------
------------ - -- -- -
---------------
--
------------- - -- -- -
---------- ------------ --- ---- ----- -- - - ------
--
--------- - ----
---
-
----------------------------------------------
----------- -- -
---------------------------------
--
------------ -- -
---------------------
--
----------- -- -
------------------ ------- ------------
---在这个例子中，我们首先定义了一个函数loadImage()，它使用一个Promise来加载一张图片。当图片加载完成时，我们使用resolve()方法传递给Promise的结果。
在then()方法中，我们将结果添加到网页中。如果出现错误，我们可以使用catch()方法来处理错误信息。无论Promise是成功还是失败，在finally()方法中我们都可以执行最后的清理操作。
Promise.finally()的优化
在多个Promise链中，我们可能会有一些共享的操作，例如在成功时要执行的回调函数或清理函数。我们可以使用Promise.prototype.finally()方法来避免冗余代码。
例如，我们可以定义一个工具函数来重复应用相同的finally操作：
-------- -------------------- ---------- - ------ --------------------------- -
下面是使用该工具函数withFinally的示例：
------------------------------------------------------- -- -- - ----------------- --------- -- -------------- -- - -- -- --------- ---- -------- -- ------------ -- - --------------------- ---
在这个例子中，我们使用withFinally()方法来加载数据，同时也使用了promise.finally()来执行最后的清理操作，这样就避免了代码的冗余。
另外，我们可以使用Promise.try()方法在Promise执行结束后，执行一个回调函数。这个方法最初是由Bluebird扩展库添加的，然而现在它已经被ES10引入到了原生方案中。
下面是使用Promise.try()的代码示例：
-------------- -- - -- -- --------- -- ------------ -- - -- ------ ------ -- ------------ -- - -- ------ ----- -- ----------- -- - -- -- --------- ---
在这个示例中，我们使用了Promise.try()来执行一个操作，并且在最后使用finally()方法来执行清理操作。
结论
Promise.finally()方法可以帮助我们更加方便地处理Promise状态的结束操作，无论该状态是成功或者失败。在then()或catch()操作后，我们可以使用promise.finally()方法来执行最后的清理工作，也可以使用Promise.prototype.finally()来减少代码冗余。另外，我们也可以使用Promise.try()方法来确保finally()方法和catch()方法都会被执行。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/670b6b4cd91dce0dc88a5941