中断或取消Promise链的可行方案

最新推荐文章于 2024-07-26 13:32:58 发布

ambit_tsai-微信

最新推荐文章于 2024-07-26 13:32:58 发布

阅读量1.1w

点赞数 10

分类专栏：前端日志文章标签： promise 中断取消 ES6 链

本文链接：https://blog.csdn.net/ambit_tsai/article/details/80635594

版权

本文探讨了ES6中的Promise如何解决回调地狱，并指出在Promise链中，当出现错误时，错误会沿链路传递。然而，如果链中捕获了错误，后续函数可能仍会执行。为中断Promise链，可以通过在then方法中返回一个pending状态的新Promise来实现。

摘要由CSDN通过智能技术生成

ES6标准引入的异步编程解决方案Promise，能够将层层嵌套的回调转化成扁平的Promise链式调用，优雅地解决了“回调地狱”的问题。
当Promise链中抛出一个错误时，错误信息沿着链路向后传递，直至被捕获。利用这个特性能跳过链中函数的调用，直至链路终点，变相地结束Promise链。

Promise.resolve()
    .then(() => {
        console.log('[onFulfilled_1]');
        throw 'throw on onFulfilled_1';
    })
    .then(() => {  // 中间的函数不会被调用
        console.log('[onFulfilled_2]');
    })
    .catch(err => {
        console.log('[catch]', err);
    });
// => [onFulfilled_1]
// => [catch] throw on onFulfilled_1

然而，若链路中也对错误进行