Promise 超时相关笔录——《你不知道的JavaScript-中卷》

最新推荐文章于 2023-03-27 16:17:44 发布

WangminzeSpk

最新推荐文章于 2023-03-27 16:17:44 发布

阅读量159

点赞数

分类专栏：前端开发 Javascript ES6 文章标签： Javascript ES6 Promise

本文链接：https://blog.csdn.net/Sparkler123/article/details/99292469

版权

前端开发同时被 3 个专栏收录

31 篇文章 0 订阅

订阅专栏

Javascript

15 篇文章 0 订阅

订阅专栏

ES6

5 篇文章 0 订阅

订阅专栏

// 用于超时一个Promise的工具
function timeoutPromise(delay) {
    return new Promise( function(resolve, reject) {
        setTimeout(function(){
            reject('Timeout');
        }, delay);
    });
}

// polyfill安全的guard检查，保证Promise不会被意外默默忽略
if (!Promise.observe) {
    Promise.observe = function(pr, cb) {
        pr.then({
            function fulfilled(msg) {
                // 安排异步回调
                Promise.resolve(msg).then(cb);
            },
            function rejected(err) {
                // 安排异步回调
                Promise.resolve(err).then(cb);
            }
        });
        // 返回最初的Promise
        return pr;
    };
}

// 如何使用
Promise.race([
    Promise.observe(promiseFun(), function cleanUp(msg) {
        // 在foo()之后清理，即使它没有在超时之前完成
    }),
    timeoutPromise(3000) // 给它3秒钟
])