Promise 的 finally 本质及在 ES8 中的实现原理-JavaScript中文网-JavaScript教程资源分享门户

前言

在 JavaScript 中，异步编程是非常常见的。Promise 是一种用于处理异步操作的对象，它可以让我们更加方便地进行异步编程。Promise 提供了 then 方法用于处理 Promise 对象的成功状态和失败状态，但是在实际开发中，我们经常需要在 Promise 对象执行完毕后无论成功还是失败都要执行一些代码，这时就需要用到 Promise 的 finally 方法。

Promise 的 finally 方法

Promise 的 finally 方法是在 Promise 对象执行完毕后无论成功还是失败都会执行的方法。finally 方法的本质是返回一个新的 Promise 对象，该对象的状态和值都与原来的 Promise 对象相同，只是在原来的 Promise 对象执行完毕后会执行 finally 方法中的代码。

finally 方法的语法如下：

promise.finally(onFinally)

其中，promise 是一个 Promise 对象，onFinally 是一个回调函数，它会在 Promise 对象执行完毕后被调用。

在 ES8 中的实现原理

在 ES8 中，finally 方法的实现原理是通过 Promise.prototype.then 方法和 Promise.prototype.catch 方法来实现的。

具体来说，当我们调用 Promise.prototype.finally 方法时，它会返回一个新的 Promise 对象，该对象通过 Promise.prototype.then 方法来注册一个回调函数，该回调函数会在原来的 Promise 对象执行完毕后被调用，然后返回一个新的 Promise 对象，该对象通过 Promise.prototype.catch 方法来注册一个回调函数，该回调函数会在原来的 Promise 对象执行失败后被调用。最终返回的 Promise 对象的状态和值都与原来的 Promise 对象相同，只是在原来的 Promise 对象执行完毕后会执行 finally 方法中的代码。

下面是一个使用 Promise 的 finally 方法的示例代码：

// javascriptcn.com 代码示例
function getData() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      const num = Math.random();
      if (num > 0.5) {
        resolve(num);
      } else {
        reject(new Error('获取数据失败'));
      }
    }, 1000);
  });
}

getData()
  .then((data) => {
    console.log('获取数据成功：', data);
  })
  .catch((err) => {
    console.error('获取数据失败：', err);
  })
  .finally(() => {
    console.log('不论成功还是失败，都会执行这里的代码');
  });

在上面的示例代码中，我们使用了 Promise 的 finally 方法来处理 Promise 对象的执行结果。不论 Promise 对象执行成功还是失败，都会执行 finally 方法中的代码。

总结

Promise 的 finally 方法是用于在 Promise 对象执行完毕后无论成功还是失败都要执行的方法。在 ES8 中，finally 方法的实现原理是通过 Promise.prototype.then 方法和 Promise.prototype.catch 方法来实现的。使用 finally 方法可以让我们更加方便地处理 Promise 对象的执行结果，提高代码的可读性和可维护性。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/650ffadd95b1f8cacd8a42fc