在前端开发中，经常会用到 Promise 机制来处理异步操作。Promise 可以有效地减少回调嵌套，提高代码可读性和可维护性。但是，当我们需要在 Promise 执行完成后执行一些额外的操作时，如清除定时器、关闭文件或者关闭数据库连接等，就会出现 Promise.prototype.then 嵌套过多的问题。此时，使用 ES8 的 Promise.prototype.finally 方法可以避免这个问题的出现。
Promise.prototype.then 的嵌套问题
在使用 Promise.prototype.then 处理回调时，代码通常是这样的：
promise .then(onFulfilled1) .then(onFulfilled2) .then(onFulfilled3) ...
当我们需要在 Promise 执行完成后执行一些额外的操作时，代码就会变成这样：
-- -------------------- ---- -------
-------
-------------------
-------------------
-------------------
-------- -- -
-- -- --------- ----- ------- -- -------- -- --------
--
--------- -- -
-- ------ -----
---尽管这种写法看起来很清晰，但是当我们需要执行多个操作时，就会出现嵌套过多的问题：
-- -------------------- ---- -------
-------
-------------------
-------- -- -
-- -- --------- -
------ ---------------
--
-------- -- -
-- -- --------- -
------ ---------------
--
-------- -- -
-- -- --------- -
------ ---------------
--
-------- -- -
-- -- --------- -
------ ---------------
--
-------- -- -
-- -- --------- -
------ ---------------
--
---
----------- -- -
-- -- --------- ----- --- ---- -------- --------
--
--------- -- -
-- ------ -----
---这样的代码很难阅读和维护。当我们需要添加或删除一些操作时，就需要修改每个 then 的返回值，这样的操作容易出错。
Promise.prototype.finally 方法的优势
ES8 引入了 Promise.prototype.finally 方法，它可以在 Promise 执行完成后执行一些额外的操作。使用 Promise.prototype.finally 方法，我们可以将上面的代码简化为：
-- -------------------- ---- -------
-------
-------------------
-------- -- -
-- -- --------- -
------ ---------------
--
-------- -- -
-- -- --------- -
------ ---------------
--
-------- -- -
-- -- --------- -
------ ---------------
--
-------- -- -
-- -- --------- -
------ ---------------
--
-------- -- -
-- -- --------- -
------ ---------------
--
---
----------- -- -
-- -- --------- ----- --- ---- -------- --------
---可以看出，使用 Promise.prototype.finally 方法后，代码更加清晰和简洁，同时也减少了错误的出现。
示例代码
下面是一个使用 Promise.prototype.finally 方法的示例：
-- -------------------- ---- -------
-------- --------------- -
------ --- ----------------- ------- -- -
----- ------ - ---------------------------------
---------- - ----
------------- - -- -- -
----------
-
-------------- - -- -- -
---------- ----------- ------ ------ ----------
-
----------------------------------
---
-
--------------------------------------------------------------------------
-------- -- -
------------------- ---------
--
----------- -- -
-----------------------
---在上面的代码中，我们使用 Promise 加载了 jQuery 库，并且在 then 方法中输出了加载成功的信息。在 finally 方法中，我们输出了一条信息。这样，当 Promise 执行完成时，就会同时执行 then 和 finally 方法。
结论
使用 ES8 的 Promise.prototype.finally 方法可以避免 Promise.prototype.then 嵌套过多的问题，减少代码的复杂度，提高代码的可读性和可维护性。使用 Promise.prototype.finally 方法，我们可以在 Promise 执行完成后执行一些额外的操作，避免错误的出现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f026be6fbf9601973224b3