如何用 AbortController 取消 fetch 请求并处理竞态问题

在搜索框输入关键词时，每敲一个字就发一次请求，如果用户打字很快，就会同时存在多个未完成的 fetch。先发出的请求可能后返回，导致页面显示的不是最新关键词的结果。这是典型的请求竞态问题。传统做法是维护一个自增的 requestId，在 then 里比较 id 是否最新，但只解决了结果渲染，没有真正取消网络传输，浪费了带宽和连接。浏览器原生的 AbortController 可以配合 fetch 的