在 Web 开发中，JavaScript 异步编程是一种常见的编程方式。而 Promise 作为现代 JavaScript 最重要的异步编程解决方案之一，经常被使用在各种业务场景中。但是在 Promise 使用过程中，出现异常、请求失败等情况时，我们往往需要在 Promise 的 resolve 和 reject 后加上一种通用的操作，这就是 Promise.prototype.finally() 方法。
ES9 新特性 Promise.prototype.finally() 方法，可以让我们更加优雅地处理 Promise 异常和 Promise 调用结束后的共同逻辑，提供了一种强大的解决方案，实现了简洁、高效、可维护的目标。下面将详细介绍 Promise.prototype.finally() 方法的使用方式和相关示例代码，以及指导意义。
Promise.prototype.finally() 方法的使用方式
Promise.prototype.finally() 方法可以接收一个回调函数作为参数，这个回调函数在 Promise 对象状态变为 resolve 或 reject 后都会被调用。无论 Promise 的状态是成功还是失败，finally 方法都会被调用，即使在 finally 内部还有一个新的 Promise，也不会改变 finally 被调用的时间。
Promise.prototype.finally() 方法可以被看作是一个总的清洁方法，它不涉及 Promise 对象的状态和结果，唯一的作用就是执行一些总的清理和检查工作，常常用于清除加载状态、关闭数据库连接、关闭文件句柄等场景。
下面是一个基本的使用示例：
promise.then(() => { // resolve 时执行的逻辑 }).catch(() => { // catch 时执行的逻辑 }).finally(() => { // finally 时执行的逻辑 });
Promise.prototype.finally() 方法的示例代码
Promise.prototype.finally() 方法不仅可以提供总体的清理和检查工作，还可以结合其他 Promise 相关的特性来解决工作中的实际问题，下面是一些实际问题和解决方案的示例代码。
使用 Promise.prototype.finally() 实现一个加载状态栏
在 Web 开发中，经常需要使用加载状态栏来提示用户系统正在处理中，请耐心等待，此类操作可以使用 Promise 结合 Promise.prototype.finally() 方法来实现，示例代码如下：
-- -------------------- ---- ------- ----- --------- - ----------------------------------- ----- ------- - -- -- - ------ --- ----------------- ------- -- - ----------------------- - -------- ------------- -- - ------------------- -- ------ ------------- -- - ----------------------- - ------- --- -展开代码
使用 Promise.prototype.finally() 检查 Promise 状态
在 Promise 的错误处理中，我们需要注意 Promise 对象状态的正确性，避免出现程序错误，因此，我们经常需要在 Promise.then 和 Promise.catch 方法中添加 Promise.prototype.finally() 方法来检查 Promise 的状态是否被正确的处理，下面是一个 Promise 状态检查的示例代码：
-- -------------------- ---- ------- ----- ------- - -- -- - ------ --- ----------------- ------- -- - ----- --------- - ----------------------- - ---- -- ---------- - -- - ---------- ----------------- - ---- - ------------------ - ------------- -- - -- ----------- --- ----------- - -------------------- ------ - ---- -- ----------- --- ------------ - -------------------- ------ - --- -展开代码
使用 Promise.prototype.finally() 清除过期的缓存数据
在进行缓存数据处理时，我们经常需要清理过期的缓存数据，这可以使用 Promise.prototype.finally() 方法来实现，在 Promise.then 和 Promise.catch 方法中添加 Promise.prototype.finally() 方法，清除过期的缓存数据，示例代码如下：
-- -------------------- ---- ------- ----- ------- - -- -- - ------ --- ----------------- ------- -- - -- ------ ----- --------- - ---------------------------------- -- ---------- -- ---------- -- --- ---------------- - ------------------- - ----- - ------------------------ - ---- - -- ---- ------------------- -- - ------------- ------------ -- - ------------ ------------- -- - -- --------- -- ---------- -- --- ---------------- - ------------------- - ----- - ------------------------------------- - --- - --- -展开代码
Promise.prototype.finally() 方法的指导意义
Promise.prototype.finally() 方法为 Web 开发提供了更好的异步编程方案，并且可以完成诸如清除加载状态、检查 Promise 状态、清除过期的缓存数据等实际问题的处理。同时，Promise.prototype.finally() 方法的使用方式简单，易于理解，代码更加简洁、高效、可维护，大大提高了代码的可读性和可维护性。
因此，在现代 Web 开发中，我们应该积极采用 Promise.prototype.finally() 方法来完成异步编程，提高 Web 应用的稳定性和用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67b9ae6e306f20b3a6821a56
