es6如何取消一个promise(一个网络请求等同样的问题)

在之前使用angular的时候,曾经遇到这么一个坑,当我在当前页面的网络请求尚未返回的时候,跳转到下一个页面之后,结果在网络请求回来的时候还是会去执行网络请求成功的函数。虽然无伤大雅(我之前没遇到什么问题),但是控制台有的时候报错却又让人真心不爽。。。首先清楚一点的是,网络请求其实是一个异步的请求,就像angular中的$http.get(url)这个的结果是一个promise,我们在then中...
摘要由CSDN通过智能技术生成

在之前使用angular的时候,曾经遇到这么一个坑,当我在当前页面的网络请求尚未返回的时候,跳转到下一个页面之后,结果在网络请求回来的时候还是会去执行网络请求成功的函数。虽然无伤大雅(我之前没遇到什么问题),但是控制台有的时候报错却又让人真心不爽。。。

首先清楚一点的是,网络请求其实是一个异步的请求,就像angular中的$http.get(url)这个的结果是一个promise,我们在then中的两个参数(resolve, reject)中去resolve或者reject掉这个promise,来完成一次请求。

先了解如下概念:

Promise的race方法

当有若干个promise, p1, p2, p3…在调用let p = Promise.race([p1, p2, p3,…])的时候,返回的p也是一个promise。那么p什么时候会被resolve或者被reject呢?看race我们知道它是竞速的意思,所以p1, p2, p3 … 最先一个被resolve或者被reject的结果就是p的resolve或者reject的结果。所以后续的promise的resolve和reject都不会再被执行了。(个人的理解,希望读下面的内容首先将Promise.race搞清楚)

function race(p){
   
    let
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值