Promise 是前端开发中最重要的异步编程技术之一。自 ECMAScript 6 标准引入 Promise 对象后，它已经成为了现代异步编程的主打方案。但是，Promise 对象仅仅是一个规范，不同浏览器对于其实现方式也存在着一定差异。
ES9 中引入的 Promise.finally() 方法是一个用于跨浏览器使用 Promise 对象的十分实用的新特性。本文将详细介绍 Promise.finally() 的相关知识，帮助前端开发者充分理解和使用这个方法，提高工作效率和代码质量。
什么是 Promise.finally()？
Promise.finally() 是指在 Promise 对象执行结束时，不管是 resolve 还是 reject，都会执行一些操作，比如释放资源或者更新 UI。Promise.finally() 方法在 ECMAScript 9 中被引入，可以用于在 Promise 执行结束后做一些最终工作。
和 Promise.protoype.then() 和 Promise.prototype.catch() 方法一样，Promise.finally() 也返回一个 Promise 对象，因此可以链式调用。不同之处在于 Promise.prototype.finally() 不是一个回调函数，它没有参数，只是返回原 Promise 的状态。
Promise.finally() 会在 Promise 执行结束后，无论 Promise 成功或者失败，都会执行指定的回调函数，该回调函数没有参数。并且，它返回的 Promise 对象的状态和值都与原 Promise 对象一致。
Promise.finally() 的使用示例
以下是一个关于 Promise.finally() 的简单示例：
-- -------------------- ---- -------
------------
------------ -- -
--------------------
------ ------ -------
--
------------ -- -
---------------------
------ ------ ----------
--
----------- -- -
-------------------- ---------
---在上述示例中，我们定义了一个 Promise 对象并使用 then() 方法添加一个成功处理函数。接着，我们使用 catch() 方法添加一个错误处理函数。最后，我们使用 finally() 方法在 Promise 对象执行结束后添加一个最终处理函数。
Promise.finally() 的应用场景
Promise.finally() 方法可以应用于很多场景中。下面列出了一些实际开发中常用的应用场景：
清理
当 Promise 对象执行结束后，我们通常需要清理一些在 Promise 执行期间所占用的资源。使用 Promise.finally() 方法就可以在 Promise 对象执行结束后释放这些资源。
以下是一个示例，它演示了如何使用 Promise.finally() 方法清理资源：
-- -------------------- ---- -------
-------- --------- -
-- ----
-
------------
------------ -- -
--------------------
------ ------ -------
--
------------ -- -
---------------------
------ ------ ----------
--
----------- -- -
----------
---在上述示例中，当 Promise 对象执行结束后，我们调用了 cleanup() 函数来清理一些在 Promise 执行期间所占用的资源。
显示加载中
我们经常需要在页面上实现一些异步加载的效果，通常在加载期间我们需要显示一些“正在加载”的提示信息。Promise.finally() 方法可以帮助我们在加载结束时隐藏加载提示，以提升用户体验。
以下是一个示例，演示了如何使用 Promise.finally() 方法在异步加载结束后隐藏加载提示：
-- -------------------- ---- -------
--------------
------------
------------ -- -
--------------------
------ ------ -------
--
------------ -- -
---------------------
------ ------ ----------
--
----------- -- -
--------------
---在上述示例中，我们使用 showLoading() 函数显示加载提示，并在 Promise 对象执行结束后调用 hideLoading() 函数来隐藏加载提示。
总结
Promise.finally() 是一个十分实用的工具，可以用于在 Promise 对象执行结束后做一些最终工作。我们可以使用它来释放资源、更新 UI 或者显示提示信息。由于它在 ECMAScript 9 中被引入，因此需要注意不同浏览器对其支持的情况。在实际开发中，我们要充分理解和掌握 Promise.finally() 的使用方法，以提高效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64585e81968c7c53b0ac0bf0