removeeventlistener必须严格匹配addeventlistener的函数引用、事件类型和options对象。需复用同一函数变量和options对象，注意this绑定、大小写敏感及参数齐全；推荐使用abortcontroller简化清理。
因为浏览器内部靠函数引用和选项对象的严格相等（===）来匹配监听器，不是看代码内容是否相同，也不是靠事件名或逻辑相似性判断。
函数引用必须完全一致
浏览器把每个事件监听器当作一个独立条目存进内部列表，查找时只比对内存地址。哪怕两个箭头函数写得一模一样，每次执行都生成新函数，地址不同就找不到原监听器。
- ❌ 错误：绑定和移除都用
() => console.log(1)—— 实际是两个函数 - ✅ 正确：先定义
const fn = () => console.log(1)，再统一用于addEventListener和removeEventListener - 类中方法需注意
this绑定，推荐在构造函数里提前绑定：this.handleClick = this.handleClick.bind(this)，再复用
options 参数不能“差不多”，必须一模一样
哪怕只差一个属性、顺序不同、或用字面量新建对象，都会导致匹配失败。浏览器认为这是另一个监听器。
- ❌ 错误：
addEventListener('scroll', h, { passive: true })，然后用removeEventListener('scroll', h, { passive: true })（新建对象） - ✅ 正确：复用同一个 options 变量，如
const opts = { passive: true }，两边都传opts -
{ capture: true }和{ capture: true, once: false }是不同的对象，不能混用 -
once: true的监听器触发后自动清理，但若想提前移除，仍要提供完全相同的 options
事件类型字符串大小写敏感且不可省略
type 参数必须和绑定时完全一致，包括拼写和大小写。漏传、传错、或大小写不匹配，都会让 remove 失效或报错。
- ❌ 错误：
removeEventListener('Click', fn)（C 大写）或removeEventListener('click')（少传 fn） - ✅ 正确：确保三个参数齐全，且
'click'全小写、fn 是同一引用、options 是同一对象 - 常见报错
Uncaught TypeError: Failed to execute 'removeEventListener'... 2 arguments required就是因为只传了 type，漏了 listener
替代方案：用 AbortController 简化清理
现代浏览器支持通过 signal 一键解绑，避免手动管理引用和选项。
- 绑定时传入
{ signal: controller.signal } - 需要清理时调用
controller.abort()，所有关联监听器自动移除 - 适合临时监听、异步流程控制、组件卸载等场景，不易出错
