手写Promise的finally方法

原创已于 2023-02-16 20:05:10 修改 · 1.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

于 2022-03-17 21:43:40 首次发布

前端专栏收录该内容

23 篇文章

订阅专栏

本文介绍了Promise.prototype.finally方法，该方法在Promise无论fulfilled还是rejected都会执行指定回调，并返回一个新的Promise，其状态和数据与原Promise保持一致。finally回调不接收任何参数，常用于清理操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Promise的原型链上有一个finally方法
了解一下这个方法

Promise.resolve(1).finally(function () {
 console.log("无论已决状态如何，必定执行")
}).then(data => {
    console.log(data); // 1
})
Promise.reject(2).finally(function () {
    console.log("无论已决状态如何，必定执行")
}).catch(reason => {
    console.log(reason); // 2
})

该方法传入一个回调，该回调不接受任何参数，并且这个回调在promise的状态到达已决Settled阶段时必定执行，无论fulfilled或rejected,都会执行回调。这个方法还会返回一个Promise对象，并且这个Promise对象的状态和数据与之前的Promise的状态和数据一致。

Promise.prototype.finally = function (onSettled) {
    return this.then(data=>{ // then返回的也是一个Promise对象
        onSettled(); // 执行回调,但不传递数据
        return data; // 保证返回的Promise对象的数据一致
    },reason=>{
        onSettled();
        throw reason; // 保证返回的Promise对象的数据状态一致
    })
}