JavaScript通过闭包、模块作用域和框架响应式机制封装状态，避免全局变量；ES6模块提供私有作用域，导出纯函数控制访问；闭包实现安全可变状态；框架将组件作为作用域单元，自定义Hook/Composable统一管理生命周期。
JavaScript中不靠全局变量管理状态，而是用作用域规则隔离和封装状态——核心是利用闭包、模块作用域和现代框架的响应式机制，把“全局状态”变成受控的、可预测的局部状态。
用模块作用域替代 var/let 全局声明
ES6 模块天然具备私有作用域。把状态定义在模块顶层，仅通过命名导出的函数访问，就能避免污染全局环境。
- 状态变量写在模块内部，不加 export 就对外不可见
- 导出纯函数（如 getState()、updateState()）来读写，便于添加日志、校验或触发通知
- 多个模块各自维护独立状态域，互不干扰；需要共享时，显式导入同一模块实例（ESM 是单例）
用闭包封装可变状态与操作逻辑
闭包让一组函数共享同一份私有数据，比直接暴露对象更安全，也更容易控制副作用。
- 初始化函数返回一个包含方法的对象，内部变量无法被外部直接修改
- 例如：const createStore = () => { let state = {}; return { get: () => ({...state}), set: (patch) => { Object.assign(state, patch); } }; };
- 适合轻量级状态管理（如表单临时状态、UI开关），无需引入第三方库
结合框架的响应式作用域边界
React/Vue/Svelte 等框架的状态机制本质是把组件作为作用域单元，用依赖追踪或编译时分析约束状态影响范围。
立即学习“Java免费学习笔记（深入）”；
- React 的 useState 和 useReducer 在函数组件内创建闭包绑定的状态，重渲染只影响该组件及子组件
- Vue 的 ref / reactive 依赖收集机制确保只有读取过某状态的组件才响应变化
- 跨组件通信时，优先用 props / context / provide/inject，而不是提升到 window 或全局 store —— 把“全局”压缩到最小必要作用域
用自定义 Hook 或 Composable 统一状态边界
把状态逻辑封装成可复用的函数，既保持作用域封闭，又支持组合与测试。
- React 中：自定义 Hook 内部调用 useState/useEffect，每次调用都有独立闭包作用域
- Vue 中：Composable 返回 ref 或 reactive 对象，配合 onBeforeUnmount 清理副作用
- 关键点：状态生命周期与使用者绑定，卸载即销毁，不会累积或泄漏
