答案：编写高性能JavaScript需避免内存泄漏，1. 用let/const声明变量防全局污染；2. 组件销毁时移除事件监听和定时器；3. 避免闭包长期持有大对象或DOM引用；4. 使用WeakMap/WeakSet管理缓存，结合LRU策略清理。
编写高性能的 JavaScript 代码并避免内存泄漏，关键在于理解内存管理机制、合理使用资源以及及时释放不再需要的对象引用。JavaScript 虽然有自动垃圾回收机制，但不当的编码习惯仍会导致对象无法被回收，从而引发内存泄漏。
1. 避免意外的全局变量
全局变量的生命周期贯穿整个应用，不会被垃圾回收器清理，容易造成内存堆积。
确保变量声明时使用 let、const 或 var，避免隐式创建全局变量。
- 错误示例：
myVariable = 'data';（未声明，污染全局对象） - 正确做法：
const myVariable = 'data';
2. 及时清理事件监听器和定时器
DOM 元素被移除后，若仍绑定事件监听器或存在活跃的定时器，该元素及其回调函数可能无法被回收。
立即学习“Java免费学习笔记（深入）”；
尤其在单页应用中，组件销毁时应手动解绑。
- 使用
addEventListener后，记得调用removeEventListener - 清除
setInterval和setTimeout：保存句柄并在适当时机调用clearInterval(timer) - 考虑使用 AbortController 来统一取消多个事件监听
3. 谨慎使用闭包和循环引用
闭包会保留对外部作用域的引用，若引用大型对象且长期不释放，可能导致内存滞留。
特别注意 DOM 节点与 JavaScript 对象之间的相互引用。
- 避免在闭包中长期持有 DOM 元素或大对象
- 不要将 DOM 节点存储在闭包变量中而不清理
- 现代浏览器已优化循环引用问题，但仍需警惕人为制造的强引用链
4. 管理缓存和对象池
手动缓存数据时，若不限制大小或不清除过期条目，会持续占用内存。
推荐使用弱引用结构来减少影响。
- 优先使用 WeakMap 和 WeakSet 存储关联元数据，它们不会阻止键对象被回收
- 定期清理自定义缓存，例如通过 LRU（最近最少使用）策略限制数量
- 避免用普通对象作为映射缓存键，尤其是以 DOM 节点为键的情况
基本上就这些。只要保持“谁创建谁负责清理”的意识，结合工具如 Chrome DevTools 的 Memory 面板监控快照，就能有效识别和修复潜在泄漏点。代码简洁、引用清晰，自然更高效。
