跨页面导航资源未释放主因是旧页面js对象、监听器、定时器被持有致gc失败；需严格模式防隐式全局、手动清理定时器与abortcontroller、解绑事件监听、利用beforeunload/pagehide或框架钩子主动释放。
跨页面导航时资源未完全释放，本质是旧页面的 JS 对象、监听器、定时器等仍被持有，导致 GC 无法回收。现代单页应用（SPA）虽不跳转 URL，但路由切换或组件卸载场景逻辑一致；而传统多页应用（MPA）中，浏览器本应自动清理，但若存在全局引用或长期存活对象，仍可能残留。
检查全局变量与隐式挂载
未声明变量（如 a = "data"）会绑定到 window，跨页面后仍存在。严格模式可拦截这类错误：
- 在脚本顶部加
"use strict"，运行时报错而非静默挂载 - 用 ESLint 规则
no-implicit-globals检测隐式全局 - 手动清理已知全局：卸载前执行
window.myGlobal = null
清理定时器与异步任务
页面离开前未清除的 setInterval 或 setTimeout 会持续运行，并持有所在闭包中的大对象：
- 始终保存 ID：
const timerId = setInterval(...)，并在导航前调用clearInterval(timerId) - 对 Fetch 请求使用
AbortController，在beforeunload或路由守卫中调用controller.abort() - 避免在定时器回调中直接访问
this或组件实例，改用解构后的必要字段
解绑事件监听与 DOM 引用
即使 DOM 元素被移除，若 JS 仍持有其引用或监听器未解绑，整个节点树无法回收：
- 不用匿名函数绑定需清理的监听器：
el.addEventListener('click', handler)，而非() => {} - 推荐使用
AbortSignal方案：el.addEventListener('click', fn, { signal })，销毁时controller.abort() - 清空缓存的 DOM 变量：
cachedEl = null，尤其在removeChild或innerHTML = ""后
利用浏览器生命周期钩子主动释放
借助原生事件确保清理时机可靠：
- 监听
beforeunload（兼容性好）或pagehide（更现代，支持缓存页面） - 在 SPA 中，依赖框架钩子：React 的
useEffect清理函数、Vue 的onBeforeUnmount - 避免在清理函数中执行耗时操作，只做引用解除和控制器中止
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
