作用域链静态构建、运行时遍历，无法跳过层级；可通过就近声明常用变量优化，将外部变量赋值给局部变量，避免向上查找开销。
JavaScript 作用域链本身是静态构建、运行时按需遍历的机制，无法“跳过”层级直接访问变量。但可以通过代码组织方式减少查找开销，避免深层嵌套带来的性能隐忧（尤其在高频执行路径中）。
就近声明常用变量
把频繁访问的外部变量，在函数开头显式赋值给局部变量，让引擎在当前作用域就能命中，无需沿链向上查找。
// 优化前：每次访问都走 outerVar → globalVar 链
function process() {
for (let i = 0; i
console.log(outerVar, globalVar); // 每次都查两层
}
}
// 优化后：一次查找，后续直接读 AO
function process() {
const cachedOuter = outerVar;
const cachedGlobal = globalVar;
for (let i = 0; i
console.log(cachedOuter, cachedGlobal); // 查找降为 0 层
}
}
避免过度嵌套函数
每多一层函数嵌套，就多一个 AO 加入作用域链。深度超过 4–5 层时，查找延迟虽微小但可累积。
- 把逻辑拆分为独立函数，用参数传递必要数据，而非依赖闭包捕获
- 用 IIFE 包裹一次性逻辑，避免长期持有外层作用域引用
- 审查工具如 ESLint 可配置
max-depth规则，限制嵌套层级
慎用 with 和 eval
这两个语句会动态修改作用域链结构，导致引擎无法做静态优化，强制启用最慢的线性查找路径。
立即学习“Java免费学习笔记（深入）”；
with 会让对象属性临时加入作用域链顶端，干扰变量定位；eval 可能引入新变量，使整个作用域链失效重编译。现代代码应完全避免。
利用块级作用域提前释放引用
用 let/const 在最小必要块内声明变量，让 AO 或词法环境记录更精简，缩短链长。
// 不推荐：变量挂载在大函数 AO 上，全程存活
function bigHandler() {
let tempData = fetchData();
if (needProcess()) {
// ... 处理 tempData
}
// tempData 仍存在于整个函数 AO 中
}
// 推荐：用块封装，AO 生命周期结束即释放
function bigHandler() {
if (needProcess()) {
let tempData = fetchData();
// ... 处理 tempData
} // tempData 的词法环境在此销毁
}
