页面卸载时 async 函数不会自动中止，需用 AbortController 主动取消并配合存活检查防止 DOM 操作、内存泄漏等问题；定时器和事件监听器也须手动清理。
页面卸载（如用户关闭标签页、刷新、导航离开）时，正在执行的 async 函数不会自动中止，也不会抛出异常——它们会继续在后台运行，直到完成或被浏览器强制终止（通常在几秒后）。这可能导致内存泄漏、无效的 DOM 操作、未处理的 Promise 拒绝，甚至向已失效上下文写入数据（比如 setState 或 element.innerHTML = ...）。
监听页面卸载并主动取消异步操作
现代浏览器支持 AbortController，它是协调取消异步任务的标准方式。你可以在页面卸载前调用 abort()，并在 fetch、setTimeout 包装器等支持取消信号的地方使用它。
- 在组件/模块初始化时创建
AbortController - 将
controller.signal传给支持它的异步 API（如fetch、setTimeout封装函数） - 监听
beforeunload或pagehide事件，在其中调用controller.abort() - 在
async函数中检查signal.aborted，或捕获AbortError后提前退出
避免对已卸载页面执行 DOM 或状态更新
即使异步逻辑仍在跑，也应防止它操作已不存在的 DOM 节点或过期的 React/Vue 组件实例。常见做法是加一层“存活检查”：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- React 中可在
useEffect清理函数里设一个isMounted = false标志，异步回调前判断 - 原生 JS 可维护一个
let isAlive = true，在pagehide时置为false，后续await后检查 - 不要直接在
then或async函数末尾操作document.body或调用render()，先确认节点是否还在文档中（el.isConnected）
慎用全局定时器和轮询
setTimeout、setInterval 和 requestIdleCallback 不接受 AbortSignal，需手动清理：
立即学习“Java免费学习笔记（深入）”；
- 保存定时器 ID（如
const timer = setTimeout(...)） - 在
pagehide或beforeunload中调用clearTimeout(timer)或clearInterval(timer) - 对于轮询逻辑，建议改用基于
AbortSignal的递归fetch+setTimeout封装，便于统一取消
注意事件监听器的生命周期
如果 async 函数内动态添加了事件监听器（例如监听 message 或自定义事件），卸载时务必移除：
- 使用具名函数而非箭头函数，方便
removeEventListener - 在清理阶段（如
pagehide处理函数）调用removeEventListener - 或使用
{ once: true }选项，让监听器自动只触发一次
