引言
在 Javascript 中，完成异步操作有许多方式，其中 Promise 是现代 Javascript 的标准之一。Promise 定义了一个用于处理异步操作结果的机制，它可以使异步操作的代码更加优美和流畅。在使用 Promise 时，finally 是一个十分常用和重要的方法，在本文中，我们将详细探讨 finally 的使用和错误处理。
finally 简介
finally 方法是 Promise 中的一个方法，通常在处理异步操作时，finally 方法被用来结束异步操作，并且在异步操作执行完毕后必然执行。这个方法接受一个函数作为其参数，最终会在 Promise 被 resolved 或 rejected 时被调用。
finally 的使用
finally 方法被广泛用于清除资源或者取消异步请求的过程，无论是 Promise 成功或者失败都必须执行的逻辑，例如：关闭文件或流，释放内存或者通知 UI 层取消操作。
finally 方法的使用非常简单，调用 Promise 实例的 finally 方法并传递一个回调函数即可，finally 方法会在 Promise 状态变为 resolved 或者 rejected 时调用传入的回调函数。
下面是一个简单的示例代码：
-- -------------------- ---- -------
--------------------------------
-------------- -- ----------------
---------- -- -
-- -- ----
--
------------ -- -
-- ----
--
----------- -- -
-- ------
---finally 的错误处理
Promise 中的 finally 方法有时候会给我们带来一些意外的问题，特别是在错误处理方面。正常情况下，finally 方法应该不能影响 Promise 的状态，但是如果在回调函数中抛出了一个错误，那么 Promise 的状态将重新变为 rejected，并且 Promise 链上的后续操作将不能被执行。
以下是一个需要注意的错误示例代码：
-- -------------------- ---- -------
-------- ----------- -
------ --------------------------------
-------------- -- -
-- -------------- -
----- --- -------------- -------- --- --- -----
-
------ ----------------
--
----------- -- -
----------
---
-
-----------
---------- -- -
-- -- ----
--
------------ -- -
-- ----
---在上面的代码中，finally 方法被用于释放资源，但是在执行 cleanup() 函数时，抛出了一个错误。结果导致 Promise 链被 catch，而 fetchData 返回的 Promise 状态变成了 rejected，这意味着它不再可用。
为了避免这种情况，我们需要在 finally 回调函数中添加错误处理逻辑，或者使用 try-catch 包装 finally 中的代码。
修改后的示例代码为：
-- -------------------- ---- -------
-------- ----------- -
------ --------------------------------
-------------- -- -
-- -------------- -
----- --- -------------- -------- --- --- -----
-
------ ----------------
--
----------- -- -
--- -
----------
- ----- ------- -
---------------------
-
---
-
-----------
---------- -- -
-- -- ----
--
------------ -- -
-- ----
---结论
Promise 中 finally 方法是一个非常有用的工具，它让我们可以在异步操作结束时执行一些必要的清除操作。但是需要注意的是，在使用 finally 方法的时候，必须小心错误处理，避免在回调函数中抛出错误导致 Promise 失败。我们可以在 finally 的回调函数中添加错误处理逻辑，或者使用 try-catch 包装 finally 中的代码，来解决这个问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675342ec8bd460d3ad9c1b0c