AbortController 可通过 signal 选项实现批量事件监听与一键取消。需浏览器支持（Chrome 88+等），创建 controller 后将 signal 传入多个 addEventListener，调用 abort() 即自动移除全部关联监听器。
AbortController 本身不直接用于取消事件监听，但它可以配合 addEventListener 的 signal 选项（现代浏览器支持）实现批量、可撤销的事件监听管理。核心思路是：为一组监听器共用同一个 AbortSignal，调用 abort() 即可一次性移除所有关联监听器。
✅ 前提：确保浏览器支持 signal 选项
Chrome 88+、Firefox 87+、Safari 15.4+ 支持 addEventListener 的 { signal } 选项。使用前建议检查：
// 可选：运行时检测支持性
if (!('signal' in EventTarget.prototype.addEventListener)) {<br>
throw new Error('AbortSignal-based event listening not supported');<br>
}
✅ 创建 AbortController 并批量绑定监听器
只需一个 AbortController 实例，将其 signal 传给多个 addEventListener 调用，它们就自动“受控”了：
const controller = new AbortController();<br>
const { signal } = controller;
// 批量监听同一元素的多个事件<br>
document.addEventListener('click', handler1, { signal });<br>
document.addEventListener('scroll', handler2, { signal });<br>
document.addEventListener('keydown', handler3, { signal });
// 也可跨不同元素，只要共用 signal<br>
button.addEventListener('click', handleClick, { signal });<br>
input.addEventListener('input', handleInput, { signal });
✅ 一键取消全部监听器
调用 controller.abort() 后，所有使用该 signal 注册的监听器会**自动被移除**，无需手动调用 removeEventListener：
立即学习“Java免费学习笔记（深入）”；
// 取消所有关联监听器<br> controller.abort(); // ✅ 安全、幂等、无副作用
// 注意：abort() 后再调用不会报错，但后续 addEventListener 使用该 signal 会立即失效（抛 DOMException）
✅ 实用技巧与注意事项
- 信号一旦 abort，不可重用 —— 如需重新监听，必须新建
AbortController - 适合生命周期明确的场景（如组件挂载/卸载、模态框打开/关闭），避免内存泄漏
- 与
fetch共用同一 controller 是常见模式：网络请求 + UI 交互监听同步取消 - 不支持旧版 IE 和部分老旧安卓 WebView；降级方案可用 Map 存储 listener 引用，手动遍历
removeEventListener
