在前端开发中，异步编程是一个常见的问题。Promise 是一个非常常用的异步编程解决方案，而 ES9 中新增的 Promise.finally() 方法则为异步问题的解决提供了更好的方案。
Promise 简介
Promise 是一个 ECMAScript 6 新增的对象，用于异步编程。它解决了回调地狱的问题，让异步编程更加简单和可读。Promise 有三种状态：pending（进行中）、resolved（已完成）和 rejected（已失败）。
一个 Promise 对象有两个方法：then() 和 catch()。then() 方法用于处理 Promise 成功的情况，catch() 方法用于处理 Promise 失败的情况。
// javascriptcn.com 代码示例
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('success')
}, 1000)
})
promise.then((result) => {
console.log(result) // success
}).catch((error) => {
console.log(error)
})Promise.finally() 方法
Promise.finally() 方法是 ES9 中新增的方法。它接受一个回调函数作为参数，无论 Promise 是成功还是失败，都会执行这个回调函数。
promise.finally(() => {
console.log('finally')
})Promise.finally() 方法的作用是在 Promise 执行结束后，无论是成功还是失败，都会执行一些代码。这个方法可以用于清理资源、取消请求等操作。
示例代码
下面是一个使用 Promise.finally() 方法的示例代码：
// javascriptcn.com 代码示例
const fetchData = () => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('data')
}, 1000)
})
}
fetchData()
.then((data) => {
console.log(data)
})
.catch((error) => {
console.log(error)
})
.finally(() => {
console.log('fetchData finished')
})在这个示例代码中，fetchData() 方法返回一个 Promise 对象。在 then() 方法中，我们打印了返回的数据。在 catch() 方法中，我们打印了错误信息。在 finally() 方法中，我们打印了一条消息，表示 fetchData() 方法已经完成。
总结
ES9 中新增的 Promise.finally() 方法为异步编程提供了更好的解决方案。它可以在 Promise 执行结束后，无论是成功还是失败，都执行一些代码。这个方法可以用于清理资源、取消请求等操作。在实际开发中，我们可以根据需要使用 Promise.finally() 方法，使代码更加简单和可读。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6559e1d5d2f5e1655d44c235