worker线程需开发者主动释放内存，否则会持续驻留拖慢应用；应显式调用terminate()终止、切断隐式引用链、内部轻量化并用transferable objects实现零拷贝。

Worker 线程不会自动释放内存，必须由开发者主动干预。不及时终止、意外持有引用、或内部资源未清理，都会让内存持续驻留，最终拖慢整个应用。

显式终止是底线操作

只要任务完成或 UI 组件卸载，就应立刻调用 worker.terminate()。这个方法会立即销毁线程上下文，释放全部 JS 堆内存，不等待内部逻辑结束。

• 不要依赖 beforeunload 或页面关闭统一清理——用户可能长时间停留，Worker 却在后台空跑
• 在 React 的 useEffect cleanup、Vue 的 onBeforeUnmount、或 Promise resolve 后同步调用
• 避免重复调用 terminate()；可加 isTerminated 标记位防止逻辑混乱

切断所有隐式引用链

JavaScript 垃圾回收以“可达性”为依据。只要 Worker 实例被任何活跃作用域捕获，它就不会被回收。

千图设计室AI助手

一款面向图片创作与处理的AI工具，可提供图片生成、放大、擦除、抠图和修复等能力，满足日常视觉内容制作需求。

下载

• 事件监听器中慎用箭头函数直接捕获 this.worker，如需绑定，优先使用 { once: true } 或手动 removeEventListener
• 不要把 Worker 存进全局对象、Redux store、单例类属性等长期持有结构中
• 调试时注意 DevTools 的 Console 可能隐式保留引用；执行过 console.log(worker) 后，关闭面板或刷新页面可解除

Worker 内部也要轻装上阵

Worker 脚本自身若不断累积资源，也会导致其私有堆内存缓慢增长，影响整体性能。

• 避免用 var 声明全局变量；推荐 const/let 或封装进 IIFE / 类中限定作用域
• 启动的 setTimeout 或 setInterval，须在收到 'close' 或 'abort' 消息时主动清除
• 长耗时 fetch 配合 AbortSignal；主线程终止前先发 postMessage({ type: 'abort' }) 通知内部中断

用 Transferable Objects 减少拷贝压力

传递大块二进制数据（如图像、音频、加密数据）时，结构化克隆会复制整块内存，加重 GC 压力。

• 主线程创建 ArrayBuffer 后，用 postMessage(buffer, [buffer]) 移交所有权
• 移交后主线程的 buffer.byteLength 变为 0，不可再访问；Worker 收到的是原始内存块
• 处理完回传也用同样方式移交，全程零拷贝，仅指针转移