简单粗暴的去重promise的回调

假设有这样一个场景,在用户快速点击刷新按钮后,短时间内会有多个网络请求发出,为了仅仅保留最新的一次请求,我们需要屏蔽之前发出请求的回调,不要因为异步回调顺序的不同导致页面刷新多次。

这里的做法是每次请求api的时候就保存当前的上下文环境(用唯一标识也是可以的),接到返回的时候判断这个返回是否是应该保留的,进而实现这个需求。

let context;

refresh() {
    context = {};

    new Promise((resolve, reject) => {
            let currentContext = context;

            post('xxx', {name: 'kale'})
                .then((json) => {
                    if (context === currentContext) {
                        resolve(json)
                    } else {
                        reject("CANCELED");
                    }
                })
                .catch((json) => {
                    if (context === currentContext) {
                        reject(json);
                    } else {
                        reject("CANCELED");
                    }
                })
        }
    ).then((json) => {
        // success
    }).catch((reason) => {
        if (reason !== "CANCELED") {
            // error
        }
    });
}
  • 这个场景是短时间内多次请求保留最后一次
  • 如果你想要终止回调,那么可以直接将context置空
  • 如果你想要当前仅存在唯一的异步回调,那么就可以加个isLoading的标志位
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值