如何使用 ECMAScript 2019 中的 Promise.finally() 方法统一管理异步请求
众所周知，在前端开发中，异步请求是必不可少的。但是，当我们有多个异步请求需要管理时，管理起来会变得十分困难。此时，ES2019 中引入的 Promise.finally() 方法就可以帮助我们更好地管理异步请求。
Promise.finally() 方法是什么？
Promise.finally() 方法是 ES2019 添加的一个新方法，其作用是在 Promise 状态改变后进行一些操作，不管 Promise 成功还是失败，finally 方法都会执行。
在之前，我们使用 Promise.resolve() 与 Promise.reject() 来处理 Promise 状态的变化，但这两个方法都是会改变 Promise 对象本身的状态，而 Promise.finally() 会返回一个新的 Promise 对象，不会修改原来的 Promise 对象的状态。
如何使用 Promise.finally() 方法？
我们通常使用 Promise.finally() 方法来执行一些清理工作，比如一些资源的释放等等。下面给出一个例子：
-- -------------------- ---- -------
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
-- -------------- - ---- -
----------------
- ---- -
---------- ----------------
-
-- ------
---
-
--------------------- -- -
------------------
-------------- -- -
---------------------
------------- -- -
---------------------- --------
---在上面的例子中，我们先定义了一个 fetchData 函数，该函数返回一个 Promise 对象，Promise 对象在 2 秒后随机决定成功或失败。
接着，我们根据 Promise 对象的状态来执行不同的操作。catch 方法用来捕获 Promise 对象的错误状态，并输出错误信息；then 方法用来获取 Promise 对象的成功状态，并输出数据；finally 方法用来输出 fetchData 完成的信息。
如何使用 Promise.finally() 方法统一管理异步请求？
有时候，我们需要同时发起多个异步请求，并等待他们全部完成后再进行一些统一的操作。Promise.all() 可以帮助我们完成这个工作。但是，如果其中一个请求失败了，Promise.all() 会直接进入 catch，而不会执行 finally 中的指令，无法实现对请求完成的统一处理。
使用 Promise.finally() 方法可以解决这个问题。下面给出一个例子：
-- -------------------- ---- -------
-------- ------------ -
------ --- --------------- -- -
------------- -- -
----------------------- --------
----------
-- ------
---
-
-------- ------------ -
------ --- --------------- -- -
------------- -- -
----------------------- --------
----------
-- ------
---
-
-------- ------------ -
------ --- ----------------- ------- -- -
------------- -- -
----------------------- --------
----------------
-- ------
---
-
-------------------------- ------------- --------------
-------- -- -
---------------- --------
--
------------ -- -
---------------------
--
----------- -- -
------------------ --------
---在上面的例子中，我们定义了三个 fetchData 函数，分别模拟异步请求。然后我们使用 Promise.all() 方法来等待这三个请求全部完成，并输出“all done!”信息，在其中一个请求失败时捕获错误信息，并输出错误信息。最后使用 Promise.finally() 方法来输出“fetch done!”信息，无论请求是否全部完成都执行，完成对请求完成的统一处理。
结语
使用 Promise.finally() 方法可以帮助我们更好地统一管理异步请求，代码更加简洁优美，且功能强大。希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6782911d935627c900114edb
