JS消除异步传染性

一句话思路：调两次

先将原生fetch保存下来，修改原生fetch，在原生fetch中去用保存下来的原生fetch去做真实的请求，期间不用等待，直接throw真实请求的promise出去，真实请求成功或失败，都将数据保存在缓存变量中，然后在throw出去的真实请求promise中等待完成后再执行一遍业务函数。

functionfn1(){varv=fn2();console.log(1,v)}functionfn2(){returnfetch('https://api.thedogapi.com/v1/images/search?include_breed=1&breed_id=%27')}run(fn1)

functionrun(func){varoldfetch=window.fetch;varcache={status:'pending',value:null,}// 改造fetchfunctionnewFetch(...args){if(cache.status==='fullfiled'){returncache.value;}elseif(cache.status==='reject'){throwcache.value}varp=oldfetch(...args).then(res=>res.json()).then((value)=>{cache.status='fullfiled'cache.value=value}).catch((err)=>{cache.status='reject'cache.value=err})throwp;}window.fetch=newFetch// 执行functry{func()}catch(e){// 如果是promiseif(einstanceofPromise){e.finally(()=>{window.fetch=newFetch;func();window.fetch=oldfetch;})}}// 恢复fetchwindow.fetch=oldfetch}