至此我们便成功完成了基于Abort API的请求中断逻辑，当然如果针对需要同时取消多个请求以及自动取消的应用场景，在abortableFetch函数中我们已经对外暴露了cancel方法，是不是想起来在第二小节介绍Axios的过程中，同样出现过cancel方法，
所以这里完全可以借助上文中的思路，构建出请求路径与请求体以及cancel取消函数之间的映射关系，对缓存进行集中管理并对外提供清空缓存的工具方法，由于实现思路与上文中的大同小异，这里就不再展开细讲，感兴趣的小伙伴儿可以自己尝试下 。
总结
这里我们再次回顾一下本文主要讲解的内容，本文主要是基于目前前端领域使用的几种比较常见的网络请求方案，讲解了一下在代码层面各自实现请求中断的处理方式 。
在浏览器原生提供的XHR对象中，我们通过实例上的abort方法来终止请求 。在Axios库中，我们借助于其提供的CancelToken构造函数同样实现了请求中断 。
最后，我们通过fetch函数和Abort API的相互配合，实现了在现代主流浏览器的Fetch API中请求中断的方式 。通过这些优化操作可以提前释放被占用的资源，一定程度上减少了不必要的资源开销 。
责任编辑：庞桂玉 来源： 前端大全
【前端领域如何实现请求中断】
推荐阅读
![[鲁网青岛新闻中心]青岛市应急局与青岛海纳云科技控股有限公司签署战略合作协议](https://imgcdn.toutiaoyule.com/20200411/20200411095257390637a_t.jpeg)
- 如何查找被删聊天记录？
- 客厅装修如何设计壁纸
- 美式田园地砖如何搭配
- 6款适合春季的时尚运动 如何制定春季健身计划
- 中医教你春季如何养肝 做好饮食很关键
- 老人春季如何养生 推荐6大春季养生妙招
- 眼屎增多或是眼病的预示 春季该如何护眼
- 如何辨别红茶的好坏,蒲公英与苦荞茶的作用与功效
- 小白一定要看，如何关闭和设置电脑开机时的软件自启动
- 如何通过docker run启动一个pod