在之前使用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