AbortController 的 signal 可一键清除所有关联事件监听器：通过 addEventListener 的 signal 选项绑定，调用 controller.abort() 即自动解绑全部监听器，无需手动管理，兼容现代浏览器（Safari 15.4+、Chrome 88+、Firefox 96+），不支持 IE 和 onxxx 属性绑定。
用 AbortController 的 signal 参数注册事件监听器，就能在后续任意时刻调用 abort() 一键清除所有绑定在该 signal 上的监听器，无需手动逐个保存和移除。
事件监听时传入 signal 选项
现代浏览器中，addEventListener 支持第三个参数为对象，其中 signal 字段可传入 AbortSignal 实例。只要该 signal 来自同一个 AbortController，后续调用 controller.abort() 就会自动触发所有关联监听器的清理。
- 必须使用对象形式传参（不能是布尔值），且
signal属性值为有效的AbortSignal - 一个
AbortController可关联多个事件监听器，跨元素、跨事件类型均可 - 监听器本身无需做任何额外处理，浏览器内部自动解绑
批量注册 + 统一注销的典型写法
先创建控制器，再把它的 signal 传给所有 addEventListener 调用；需要注销时只调一次 abort()：
const controller = new AbortController();
const { signal } = controller;
// 批量绑定
document.addEventListener('click', handler1, { signal });
document.addEventListener('scroll', handler2, { signal });
button.addEventListener('mouseenter', handler3, { signal });
// 一键注销全部
controller.abort(); // 所有上面三个监听器立即失效
配合异步操作实现请求+监听联动
常见于页面加载时发起请求并监听用户交互，若请求未完成而用户离开或取消，需同步停掉监听和请求：
- fetch 默认支持
signal，与事件监听共用同一个AbortController - 避免“幽灵监听”：即使 fetch 报错或成功，只要 signal 未 abort，监听器仍存活；统一 abort 可彻底清理
- 适合模态框、表单步骤、实时搜索等场景
注意事项与兼容性
注意：该特性在 Safari 15.4+、Chrome 88+、Firefox 96+ 中可用，旧版需降级处理（如手动维护监听器列表）。
- 已触发的监听器不会被中断，
abort()仅阻止未来触发 - signal 被 abort 后不可复用，需新建
AbortController重新绑定 - 不支持 IE，也不支持通过
onxxx属性式绑定（如elem.onclick = fn）
