作用域链由函数定义时的词法环境决定，变量查找会沿当前作用域向上搜索至全局；函数inner在outer中定义，因此可访问outer中的变量，即使被外部调用也依然保持对原作用域的引用。
JavaScript中的作用域链是理解变量查找机制的核心。当代码在执行过程中需要查找变量时，JavaScript引擎会沿着作用域链一层层向上寻找，直到找到对应的标识符或到达全局作用域为止。这个过程看似简单，但背后涉及函数创建、词法环境和执行上下文等多个关键概念。
词法作用域与函数创建时的作用域链
JavaScript采用词法作用域（也叫静态作用域），这意味着函数的作用域在函数定义时就已经确定，而不是在调用时决定。函数内部能访问哪些变量，取决于它在源码中的位置。
每当一个函数被定义，它就会“记住”当前的外部作用域，形成一个闭包。这个闭包包含了一个指向其外部词法环境的引用，从而构建出作用域链的结构。
例如：
function outer() {
let a = 1;
function inner() {
console.log(a); // 可以访问到 outer 中的 a
}
inner();
}
outer();
在这里，inner 函数在定义时就绑定了 outer 函数的作用域。即使 inner 被传递到其他地方调用，它依然能访问 a，这就是作用域链的体现。
立即学习“Java免费学习笔记（深入）”；
执行上下文与作用域链的构建过程
当函数被调用时，JavaScript会创建一个执行上下文，其中包含变量对象、this指向以及作用域链。作用域链本质上是一个由词法环境组成的列表，用于变量查找。
作用域链的构建顺序如下：
- 当前函数的局部变量（活动对象）
- 外层函数的变量对象（如果有多个嵌套，则逐层向上）
- 直到全局对象（window 或 global）
变量查找从当前作用域开始，如果没有找到，就沿着作用域链向上搜索，直到全局作用域。如果仍未找到，就会抛出 ReferenceError。
常见误解与实际查找行为
很多人认为作用域链是在运行时动态生成的，其实不然。它的结构在函数定义时就已经由词法结构决定了。
看一个典型例子：
let x = 'global';
function outer() {
let x = 'outer';
function inner() {
console.log(x);
}
return inner;
}
let fn = outer();
fn(); // 输出 'outer'，不是 'global'
虽然 fn 是在全局环境中调用的，但它仍然访问的是 outer 中定义的 x。因为 inner 的作用域链是在定义时绑定的，不会因调用位置改变而变化。
块级作用域对作用域链的影响
ES6 引入了 let 和 const，带来了块级作用域。这也影响了作用域链的结构。
使用 let 声明的变量会被添加到当前块的作用域中，而不是提升到函数顶部。
比如：
function blockScope() {
if (true) {
let y = 'block';
}
// console.log(y); // 这里会报错，y 不在当前作用域
}
此时 if 块形成了一个新的词法环境，y 只存在于该块的作用域中。作用域链会包含这个临时的块级环境，在查找时也会按层级进行。
基本上就这些。理解作用域链的关键在于明白：函数在哪里定义，决定了它能看到什么变量；执行时的作用域链是函数定义时的“记忆”，不是调用时的环境。不复杂但容易忽略。
