18 # promise 的 finally 方法实现原理

简介: 18 # promise 的 finally 方法实现原理

finally 表示不是最终的意思,而是无论如何都会执行的意思

Promise.resolve("kaimo666")
    .finally((data) => {
        console.log("resolve--finally-->", data);
    })
    .then((data) => {
        console.log("resolve--finally--then-->", data);
    });
Promise.reject("kaimo777")
    .finally((data) => {
        console.log("reject--finally-->", data);
    })
    .catch((err) => {
        console.log("reject--finally--err-->", err);
    });

如果返回一个 promise 会等待这个 promise 也执行完毕,如果是失败的 promise 会用它的失败原因传给下一个

下面实现一个 promise 的 finally 方法:

Promise.prototype.finally = function (callback) {
    // Promise.resolve(callback()) 包装一下 callback(),让其始终是一个 promise,有 then 方法
    return this.then(
        (value) => {
            // 成功就需要把成功的值传递下去
            return Promise.resolve(callback()).then(() => value);
        },
        (reason) => {
            // 失败就需要把失败的原因抛出去
            return Promise.resolve(callback()).then(() => {
                throw reason;
            });
        }
    );
};

测试:

Promise.resolve("kaimo888")
    .finally((data) => {
        console.log("finally-->", data);
        return new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve("okk");
            }, 3000);
        });
    })
    .then((data) => {
        console.log("then-->", data);
    })
    .catch((err) => {
        console.log("err-->", err);
    });

目录
相关文章
|
7月前
|
前端开发
【面试题】吃透Promise?先实现一个再说(包含所有方法)(二)
【面试题】吃透Promise?先实现一个再说(包含所有方法)(二)
|
7月前
|
存储 运维 前端开发
【面试题】吃透Promise?先实现一个再说(包含所有方法)(一)
【面试题】吃透Promise?先实现一个再说(包含所有方法)(一)
|
前端开发
62 # 借用 promise 写成类的方法
62 # 借用 promise 写成类的方法
35 0
|
前端开发
21 # 实现 promise 的 race 方法
21 # 实现 promise 的 race 方法
59 0
|
前端开发
20 # 实现 promise 的 all 方法
20 # 实现 promise 的 all 方法
54 0
|
1月前
|
前端开发 索引
Promise.all() 方法的参数可以是什么类型?
综上所述,`Promise.all()` 方法的参数类型较为灵活,但无论使用哪种类型的可迭代对象作为参数,其核心的异步操作处理逻辑和成功失败的判断机制都是一致的,都是为了方便地处理多个异步操作的并发执行和结果汇总。
|
1月前
|
存储 前端开发
除了 Promise.all(),还有哪些方法可以处理异步并发操作?
在上述示例中,`concurrentPromises` 函数接受一个Promise数组和最大并发数作为参数,通过手动控制并发执行的Promise数量,实现了对异步操作的并发控制,并在所有Promise完成后返回结果数组。
|
27天前
|
前端开发
Promise.allSettled()方法和Promise.race()方法有什么区别?
`Promise.allSettled()` 提供了一种更全面、更详细的方式来处理多个 `Promise`,而 `Promise.race()` 则更强调速度和竞争。我们需要根据具体的需求来选择使用哪种方法。
|
1月前
|
前端开发
`Promise.all()`方法在处理数组形式参数时的执行机制
Promise.all()` 提供了一种方便的方式来同时处理多个异步操作,并在它们都完成后获取到所有的结果,使得我们能够更高效地进行异步任务的组合和处理。
|
1月前
|
前端开发
`Promise.allSettled()`方法与`Promise.all()`方法有何不同?
`Promise.allSettled()` 提供了一种更灵活和全面的方式来处理多个 `Promise`,使得我们能够更好地应对各种异步操作的情况,尤其是需要详细了解每个 `Promise` 结果的场景。