80% 的前端都不知道 AbortController 究竟有多么强大！

文章预览

前言 最近发现很多人其实都没用过一个原生的很强大的 API，那就是  AbortController  ，可能很多人在用  axios  的时候用过这个 API 来  中断请求 ，但是其实大部分人不知道，其实  AbortController  不止能用来做这些，它非常强大！ AbortController  的基本用法如下： signal：  打上标记 abort：  执行中断 中断请求 & 请求超时 AbortController  可以用来中断请求，大家都知道，但是都是通过  axios ，那么原生的请求怎么中断呢？其实  axios  也是基于原生请求封装的嘛~ fetch  请求时可以接收一个  signal  的参数，打上标记，并且通过这个标记所属的实例来进行中断 如果你不想手动去取消请求，而是想做自动的  请求超时 ，你可以使用  AbortSignal.timeout 事件监听中断 事件监听  是很常见的场景，我们需要使用  addEventListener  去给目标元素绑定事件，并且需要 ………………………………