预防全局作用域污染导致的泄露，核心是不让变量、函数或对象意外挂载到window或globalThis上，同时避免因长期持有引用而阻碍垃圾回收；需从声明方式（let/const+块级/函数作用域）、封装机制（IIFE、ES6模块、闭包命名空间）、运行时约束（严格模式、ESLint检查、主动清理）三方面协同防控。
预防全局作用域污染导致的泄露，核心是不让变量、函数或对象意外挂载到 window（浏览器）或 globalThis 上，同时避免因长期持有引用而阻碍垃圾回收。这不是单一技巧问题，而是从声明方式、封装机制、运行时约束三方面协同防控。
用块级与函数作用域锁住变量生命周期
避免在顶层直接用 var 或未声明赋值，改用 let/const 并包裹在明确作用域内：
-
{ let apiToken = "abc123"; fetch("/data", { headers: { Authorization: apiToken } }); }—— 块内变量执行完即不可访问 - 函数立即执行（IIFE），尤其适合老环境或脚本内联场景：
(function() { const config = { timeout: 5000 }; window.MyLib = { init() { /* 使用 config */ } }; })(); - 避免隐式全局：不写
counter = 0，而写let counter = 0；启用"use strict"让这类错误直接报错
通过模块系统天然隔离作用域
ES6 Module 是现代项目的首选防线，每个 .js 文件默认拥有独立作用域：
- 变量/函数不加
export就完全对外不可见 - 导出仅暴露必要接口：
export const VERSION = "1.2.0"; export function render() { ... } - 构建工具（如 Webpack/Rollup）会自动将模块打包为闭包形式，即使最终合并成一个文件，也不会泄漏内部标识符
用闭包+命名空间控制暴露粒度
当必须提供全局入口（如 SDK）时，不直接挂多个变量，而是收敛到唯一命名空间，并用闭包保护私有状态：
立即学习“Java免费学习笔记（深入）”；
const MySDK = (function() { let _cache = new Map(); return { get(key) { return _cache.get(key); }, set(key, val) { _cache.set(key, val); } }; })();- 前缀命名防冲突：
window.YourCompanyAnalytics = { track() {}, identify() {} };，比Analytics更安全 - 冻结只读配置：
Object.freeze({ API_URL: "https://api.example.com" });防止被意外修改
主动清理和检测潜在泄露点
作用域控制只是起点，还需防止“活着但不该活”的引用：
- 移除 DOM 元素前，清空其事件监听器和数据缓存：
element.removeEventListener("click", handler); delete element.__customData; - 定时器、订阅、Fetch 请求需配套清理逻辑，尤其在单页应用组件卸载时
- 用 Chrome DevTools 的 Memory 面板录制堆快照，对比前后查找未释放的全局引用（如意外保留的
window.xxx） - ESLint 插件如
no-implicit-globals和no-unused-vars可提前拦截风险代码
