JavaScript变量访问是O(1)哈希查找，性能瓶颈在于内存开销、指针解引用、GC压力及引擎优化失效；应缓存高频对象、提取小函数、模块化依赖、避免with/catch、减少全局隐式依赖。
JavaScript 中跨作用域访问本身不会造成可观测的“查找耗时”，因为变量访问是 O(1) 哈希查找，不是逐层遍历作用域链。真正影响性能的是内存开销、指针解引用次数、GC 压力和引擎优化失效——这些问题常被误归因为“作用域链太长”。解决的关键在于减少不必要的跨层依赖，把高频访问路径变短、变稳。
缓存常用全局或上层对象到局部变量
每次访问 document、window、performance 或深层嵌套属性（如 user.profile.settings.theme），都会触发多次对象寻址。缓存后变成单次局部读取，语义清晰且稳定。
- 写法示例：
const doc = document, body = doc.body, now = performance.now; - 循环中务必缓存数组长度：
for (let i = 0, len = arr.length; i - 对象解构比链式访问更安全：
const { id, name } = user?.profile || {};
避免闭包捕获冗余数据
闭包会强制保留整个外层词法环境，哪怕只用到一个变量，也会让所有同级变量无法被垃圾回收。尤其在事件监听、定时器、异步回调中容易引发内存泄漏。
- 错误做法：在循环中用
var创建闭包，或让内部函数直接引用大数组、大对象 - 正确做法：显式传参，例如
element.addEventListener('click', () => handler(item.id)) - 更优替代：用
for-of、map或块级let声明隔离作用域
控制函数嵌套与变量密度
每层作用域都对应一个环境记录对象。声明几百个 let/const 会增大哈希表常数因子，拖慢变量绑定和 GC 扫描速度，尤其在低端设备上明显。
立即学习“Java免费学习笔记（深入）”；
- 拆分过深嵌套：把 200 行的函数按逻辑提取为多个小函数，参数传值代替隐式依赖
- 模块化组织：用 ES 模块
import/export明确依赖，而非挂载到window上供“爬链”调用 - 避免
with和catch块，它们会动态延长作用域链，干扰引擎优化
减少对全局对象的隐式依赖
全局变量虽查找路径固定，但生命周期最长，阻碍 GC；更严重的是它让代码耦合度高、难以测试和复用。
- 浏览器宿主对象（
document、navigator）尽量在模块顶层或函数入口处缓存一次 - 配置项、工具方法不要挂到
window，改用默认导出或依赖注入方式传递 - 使用 IIFE 或模块封装初始化逻辑，防止污染全局命名空间
