在 ES7 中，引入了 Promise.finally() 方法，它为我们在使用 Promise 进行异步编程时提供了便利。在本篇文章中，我们将深入学习 Promise.finally() 方法，并且讲解如何在实际项目中进行应用。
了解 Promise
在深入学习 Promise.finally() 方法之前，我们需要先了解 Promise 是什么。Promise 是一种用于处理异步操作的对象，可以用于替代回调函数和事件的传统方式。
Promise 的基本结构如下：
-- -------------------- ---- ------- ----- ------- - --- ----------------- ------- -- - -- ---- -- ------- ------- - ------ -- -- --------------- -- - -- ----- ----------- -- - -- ----- --
上面的代码中，我们创建了一个 Promise 对象，其中传入了一个执行器函数，该函数接收两个参数 resolve 和 reject，分别表示异步操作成功和失败时的回调函数。执行异步操作后，我们可以通过调用 resolve 或 reject 方法返回操作结果，然后使用 then 方法处理成功后的操作，使用 catch 方法处理失败后的操作。
什么是 Promise.finally() 方法
Promise.finally() 方法是一个实例方法，作用是在 Promise 被 settled（fulfilled 或 rejected）后，无论 Promise 结果如何，在 Promise 链中都会执行指定的回调函数。该方法返回一个新的 Promise 对象，该对象的状态和值与之前的 Promise 相同，不过在其执行完 finallyable 操作后，如果此前的 Promise 已经 settled，它会将 settle 的结果传递下去。
Promise.finally() 的语法
Promise.finally() 方法接收一个单独的回调函数，该函数将在 Promise 链中 settled 后被执行。其基本语法如下：
promise.finally(() => {
// 无论 Promise 链成功或失败，都会执行
})Promise.finally() 的示例代码
下面我们来看一个使用 Promise.finally() 方法的示例代码：
-- -------------------- ---- -------
---------------------------------------------
-------------- -- -
-- -------------- -
----- --- -------------- -------- --- --- ----
-
------ ---------------
--
------------ -- -
----------------------- ------
--
----------- -- -
-------------------- --- -----------
--上面的代码中，我们使用 fetch 方法向 GitHub API 发送请求，然后使用 then 方法对返回数据进行处理。如果请求失败，我们使用 catch 方法捕获失败的错误并打印到控制台。最后，我们在 finally 方法中添加一个日志语句，以便在请求完成后进行记录。
Promise.finally() 的应用场景
下面我们将讨论一些使用 Promise.finally() 方法的实际场景。
清除工作
如果你需要停止或删除一些资源或服务（如文件、数据库连接或服务器），则可以使用 finally 来确保该清除操作在完成后始终得到执行。
-- -------------------- ---- -------
--- ------------ - ----
-------- -------------------- -
------------ - --- --------------------
------ ----------------------
-------- -- -
-- ---------------
--
------------ -- -
--------------------- -- ------- -- ---------- ----
----- ---
--
----------- -- -
-------------------- ---------- -----
-- -------------- -
------ --------------------
-
--
-上面的代码中，我们创建了一个数据库连接，并使用 finally 方法确保在连接失败或后续异常情况时正确关闭连接。
处理进度条
如果您正在处理需要进度条的异步任务，则使用 finally 可以确保在任务完成时正确更新并隐藏进度条。
-- -------------------- ---- -------
-------- ----------------- -
-- -----
-
-------- ----------------- -
-- -----
-
-------- ------------------ ----- -
-----------------
------ ---------- -----
-------------- -- -
-- -------------- -
----- --- -------------- -------- --- --- ----
-
------ ---------------
--
------------ -- -
----------------------- ------
--
----------- -- -
-----------------
--
-上面的代码中，我们使用 showProgressBar() 显示进度条，然后在 Promise 链中使用 finally 隐藏进度条，以确保进度条在异步任务完成时正确更新和隐藏。
结论
在本文中，我们已经深入学习了 ES7 中的 Promise.finally() 方法的基础知识，知道了如何应用该方法来处理异步操作，了解了一些实际场景下的使用。使用 finally 方法可以简化代码、提高可读性，并有助于确保异步任务完成时的一些额外操作的正确性。希望本文对您有所帮助，感谢您的阅读。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67069e32d91dce0dc85f8137