如何在 ES9 中使用 Promise.prototype.finally() 方法-JavaScript中文网-JavaScript教程资源分享门户

在 ES2018 中，新增了 Promise.prototype.finally() 方法，它可以让我们更好地处理 Promise 的状态。本文将介绍如何使用 Promise.prototype.finally() 方法，以及它的深度和学习意义。

Promise.prototype.finally() 方法的定义

Promise.prototype.finally() 方法用于指定不管 Promise 对象最后的状态如何，都会执行的操作。该方法返回一个新的 Promise 对象，该对象的状态和原来的 Promise 对象状态一致。

使用方法

Promise.prototype.finally() 方法可以在 Promise 链式调用的最后一个 then() 方法之后使用。示例如下：

promise
.then(result => { /* 处理成功状态 */ })
.catch(error => { /* 处理失败状态 */ })
.finally(() => { /* 不管成功或失败都会执行 */ });

在上面的代码中，如果 promise 对象成功执行，then() 方法中的代码块就会被执行。如果 promise 对象执行失败，则会跳过 then() 方法并执行 catch() 方法中的代码块。无论执行状态是成功还是失败，finally() 方法都会被执行。

深度和学习意义

Promise.prototype.finally() 方法的深度和学习意义在于，它让我们可以更好地处理 Promise 对象的状态。

在使用 Promise 对象的过程中，我们经常需要做一些清理工作，比如关闭网络连接或者清除临时文件等。在此之前，我们需要分别在 then() 和 catch() 方法中处理成功和失败状态，并分别添加相应的清理代码，这样不仅不够优雅，而且容易出错。

通过使用 Promise.prototype.finally() 方法，我们可以在一个地方处理所有这些代码，从而让我们的代码更加整洁和易于维护。

示例代码

下面是一个使用 Promise.prototype.finally() 方法的示例代码，它演示了如何清理数据库连接：

// javascriptcn.com 代码示例
function connectToDb() {
    // connect to database
}

function doSomethingInDb() {
    // do something in the database
}

function disconnectFromDb() {
    // disconnect from database
}

connectToDb()
.then(() => {
    return doSomethingInDb();
})
.catch(error => {
    console.error(error);
})
.finally(() => {
    disconnectFromDb();
});

在上面的代码中，我们首先在 connectToDb() 方法中连接数据库。然后，我们在 then() 方法中执行一些数据库操作。如果遇到错误，我们使用 catch() 方法来捕获错误。最后，我们在 finally() 中关闭数据库连接，以便清理所有资源。

总结

Promise.prototype.finally() 方法使我们可以更好地处理 Promise 对象的状态，从而使我们的代码更加整洁和易于维护。我们可以在一个地方处理所有清理代码，而不用分别在 then() 和 catch() 方法中处理成功和失败状态。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/653fd3497d4982a6eb965312