未清理的事件监听器导致DOM移除后回调仍占用内存；2. 闭包不当引用大型对象阻碍回收；3. 全局变量意外增长积累内存；4. 定时器依赖大型对象使内存无法释放。
JavaScript性能优化中，内存泄漏是常见但容易被忽视的问题。它会导致页面卡顿、响应变慢，严重时甚至崩溃。排查和修复内存泄漏，关键在于理解其成因并借助工具精准定位。
常见的内存泄漏原因
了解哪些代码模式容易引发内存泄漏，是预防和排查的第一步。
- 未清理的事件监听器：DOM元素被移除后，若事件监听器未解绑，回调函数会持续占用内存。
- 闭包引用不当：闭包保留对外部变量的引用，若这些变量包含大型对象或DOM节点，可能导致无法回收。
- 全局变量意外增长：意外创建全局变量（如遗漏var或let），或在全局对象上不断添加属性，会积累内存。
- 定时器依赖大型对象：setInterval或removeEventListener，或使用AbortController管理监听器。
- 避免在闭包中长期持有大对象引用，及时置为null。
- 谨慎使用全局变量，模块化代码，利用IIFE或模块作用域隔离。
- 使用clearInterval或clearTimeout清理不再需要的定时器。
- 组件销毁时（如Vue/React的beforeDestroy或useEffect返回清理函数），释放所有资源。
基本上就这些。内存泄漏不复杂但容易忽略，定期检查关键交互流程的内存表现，能有效提升应用稳定性。
