JavaScript作用域链由引擎自动构建，按词法作用域从内层函数向外逐级查找变量，直至全局；若未找到则抛出ReferenceError；变量遮蔽、闭包、调试Scope面板均为其关键应用。
JavaScript 中函数嵌套时，作用域链不是手动“处理”的，而是由引擎自动构建和维护的。关键在于理解它的规则，并按词法作用域写代码——变量在哪一层定义，就从哪一层开始向上查找。
认清作用域链的查找顺序
当内部函数访问一个变量时，JavaScript 引擎会：
- 先在当前函数（最内层）的作用域中找
- 没找到，就跳到外层函数的作用域继续找
- 再没找到，就继续向上，直到全局作用域
- 全程找不到，抛出 ReferenceError
这个路径就是作用域链。它只跟函数**定义的位置**有关，跟函数**在哪里被调用**无关（这就是词法作用域）。
避免变量遮蔽带来的意外覆盖
如果内层函数用 let 或 const 声明了和外层同名的变量，就会发生遮蔽（shadowing）——内层变量会挡住外层同名变量，外部值无法被访问到。
立即学习“Java免费学习笔记（深入）”；
例如：
function outer() {
const x = "outer";
function inner() {
const x = "inner"; // 遮蔽了外层 x
console.log(x); // 输出 "inner"，不是 "outer"
}
inner();
}若想明确使用外层变量，就别重命名；若需区分，可改用不同变量名，比如 outerX 和 innerX。
利用闭包保存外部状态
嵌套函数天然能形成闭包：只要内部函数在外部函数返回后仍被引用，它就能持续访问外部函数的变量。
- 这是封装私有数据的基础，比如工厂函数
- 注意不要在循环中直接将嵌套函数赋值给变量（如 for 循环里定义函数并 push 到数组），否则可能所有函数都引用同一个变量（可用 let 声明循环变量或用 IIFE 解决）
示例：
function createMultiplier(multiplier) {
return function(num) {
return num * multiplier; // multiplier 来自外层，被闭包保留
};
}
const double = createMultiplier(2);
console.log(double(5)); // 10调试时看清当前作用域结构
在浏览器开发者工具中打断点，调试器通常会显示“Scope”面板，列出当前执行上下文中的：
- Local（当前函数作用域）
- Closure（所有被闭包捕获的外层变量）
- Global（全局作用域）
观察这些层级，能直观验证变量是否按预期被查找到——比靠猜更可靠。
