引言
在异步编程中，Promise 是非常常见也非常重要的概念。它可以帮助我们更优雅地处理异步代码，让我们的代码结构更清晰。在 ES8 中，Promise 加入了新的方法 finally()，它可以帮我们更好地处理 Promise 异常、回调以及其他代码逻辑。
在本文中，我们将详细介绍 ES8 中的 finally() 方法，并探讨它可以用来做什么。
Promise.finally() 简介
在 ES8 中，我们可以使用 finally() 方法来在 Promise 完成（无论是 resolve 还是 reject）后执行某个操作。这个操作可以是一个回调函数，它将始终执行，帮助我们更优雅地处理 Promise 异常和其他代码逻辑。
finally() 方法接受一个函数作为参数，这个函数将在 Promise 结束后执行。与 then() 和 catch() 不同，finally() 方法的回调不接受参数，它只是执行未来需要执行的操作，例如清理资源、记录日志等。在回调函数执行完毕后，它会根据 Promise 的状态返回当前的 Promise，所以我们可以在 finally() 方法后继续使用 then() 或 catch() 方法。
下面是 finally() 方法的语法：
promise.finally(() => {
/* 执行的代码 */
})Promise.finally() 的应用场景
在实际应用中，finally() 方法可以用来处理 Promise 异常、回调以及其他代码逻辑。下面我们将从以下几个方面探讨它的应用场景。
处理 Promise 异常
在使用 catch() 方法捕获 Promise 异常时，我们需要在每个 Promise 链的最后添加一个 catch() 方法来捕获异常，这样做代码比较冗长，可读性也较差。
使用 finally() 方法可以帮助我们更优雅地处理异常。下面的代码演示了 finally() 方法如何处理异常：
fetch('http://example.com/data')
.then(response => {
// 处理响应
})
.catch(error => {
console.log('请求失败：', error);
})
.finally(() => {
console.log('请求完成。');
});在这个例子中，finally() 方法将始终执行，无论 Promise 是否成功，我们可以在其中处理清理资源、关闭连接等操作。使用 finally() 方法可以让我们的代码更加简洁和易读。
处理回调
在某些情况下，我们需要执行一些回调函数。例如在发送 Ajax 请求时，我们需要在请求完成后执行回调函数来更新 UI。但是 Promise 的回调函数通常是在 Promise 完成后执行，所以我们需要在 then() 方法中添加回调函数。
使用 finally() 方法，我们可以在 Promise 结束后执行回调函数，它将在 then() 和 catch() 方法之后执行。下面是一个示例代码：
fetch('http://example.com/data')
.then(response => {
// 处理响应
})
.finally(() => {
updateUI();
});在这个例子中，finally() 方法将在 Promise 结束后执行，我们可以在其中更新 UI 并执行其他回调函数。
其他代码逻辑
除了处理异常和回调函数，finally() 方法还可以用来执行其他代码逻辑，例如记录日志、清理资源等操作。下面是一个示例：
fetch('http://example.com/data')
.then(response => {
// 处理响应
})
.finally(() => {
console.log('请求完成：', new Date());
cleanup();
});在这个例子中，finally() 方法将在 Promise 结束后执行，我们可以在其中记录请求完成的时间并执行清理资源的操作。
总结
在 ES8 中，finally() 方法是一个非常重要的新方法，它可以帮助我们更优雅地处理 Promise 异常、回调以及其他代码逻辑。使用 finally() 方法可以让我们的代码更加简洁、易读和优雅。在实际应用中，我们可以根据需要来使用 finally() 方法，处理异常、执行回调函数和其他代码逻辑。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a78367add4f0e0ff0a5c04