Promise.prototype.finally 的真相揭秘：精通应用之道，高效掌握 JavaScript

前端

2023-09-09 20:44:45

揭秘 Promise.prototype.finally 的奥秘，探究如何在编程实践中大显身手

一探 Promise.prototype.finally 的本质

Promise.prototype.finally() 是一个ES2018引入的特性，它能够让你在处理一个 Promise 对象时，无论这个 Promise 对象最终的状态是成功还是失败，都能执行一个特定的回调函数。

揭秘 Promise.prototype.finally 的强大功能

为了更好地理解 Promise.prototype.finally() 的强大之处，我们先来回顾一下 Promise 对象的特性：

Promise 对象表示一个异步操作的最终结果，它有两个状态：成功或失败。
当 Promise 对象的状态改变时，它会通知所有注册在其上的回调函数，以便这些回调函数能够做出相应的处理。

通常情况下，我们使用 .then() 方法来处理 Promise 对象的状态改变，.then() 方法接受两个参数：一个用来处理成功状态的回调函数，一个用来处理失败状态的回调函数。

而 Promise.prototype.finally() 方法则与 .then() 方法有所不同，它只接受一个参数：一个无论 Promise 对象最终的状态是成功还是失败，都会执行的回调函数。

举例说明 Promise.prototype.finally 的用法

为了更加形象地展示 Promise.prototype.finally() 的用法，我们来看一个具体的例子：

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功了！');
  }, 1000);
});

promise.finally(() => {
  console.log('不管成功还是失败，都会执行这个回调函数。');
});

这段代码中，我们创建了一个 Promise 对象，并使用 setTimeout() 函数模拟了一个异步操作。然后，我们使用 .finally() 方法为这个 Promise 对象注册了一个回调函数，这个回调函数会在不管 Promise 对象最终的状态是成功还是失败时执行。

当我们运行这段代码时，我们会看到以下输出：

不管成功还是失败，都会执行这个回调函数。
成功了！

这个例子表明，Promise.prototype.finally() 可以让我们在处理 Promise 对象时，无论这个 Promise 对象最终的状态是成功还是失败，都能执行一个特定的回调函数。

实践中巧用 Promise.prototype.finally

掌握了 Promise.prototype.finally() 的用法后，我们就可以在实际开发中灵活运用它来处理各种异步操作，以下是一些常见的应用场景：

清理资源 ：我们可以使用 Promise.prototype.finally() 来清理异步操作所占用的资源，例如关闭文件、释放内存等。
显示加载状态 ：我们可以使用 Promise.prototype.finally() 来显示或隐藏加载状态，以便让用户知道异步操作正在进行中。
处理错误 ：我们可以使用 Promise.prototype.finally() 来处理异步操作中的错误，并做出相应的处理，例如显示错误信息、重试操作等。

实现 Promise.prototype.finally 的替代方案

如果你的 JavaScript 环境不支持 Promise.prototype.finally()，你也可以通过以下方式来实现类似的功能：

使用 .then() 方法 ：你可以使用 .then() 方法来注册两个回调函数，一个用来处理成功状态，一个用来处理失败状态。这两个回调函数都可以执行同样的操作，这样就可以实现类似于 Promise.prototype.finally() 的效果。
使用 try-catch 语句 ：你也可以使用 try-catch 语句来捕获异步操作中的错误，并在 catch 块中执行类似于 Promise.prototype.finally() 的操作。