JavaScript 作用域链：深入理解变量的生命周期342

引言

在 JavaScript 中，变量的作用域决定了它们的可见性和可访问性。作用域链是一个概念，它描述了 JavaScript 如何解析对变量的引用，并确定其当前有效作用域。理解作用域链对于编写干净、可维护的 JavaScript 代码至关重要。

作用域

作用域是指变量或函数可被访问的代码块。在 JavaScript 中，有三种主要的作用域类型：
全局作用域：在整个程序中都可以访问。
局部作用域：在函数、块或循环内部创建，只能在该代码块内部访问。
块级作用域：在用花括号括起来的代码块（{}）中创建，只能在该块内部访问。这是 ES6 中引入的一个概念。

作用域链

当 JavaScript 解析对变量的引用时，它会沿着作用域链向上查找，直到找到对该变量的声明位置。作用域链包含所有包含当前代码块的父作用域，依次向上排列。

例如，考虑以下代码：```
let x = 10; // 全局作用域
function foo() {
let y = 5; // 局部作用域
function bar() {
(x + y); // 查看作用域链
}
bar();
}
foo();
```

在代码块 (x + y) 中，JavaScript 会沿着作用域链向上查找变量 x 和 y。由于 x 是在全局作用域中声明的，因此它可以在所有作用域中访问。另一方面，y 是在局部作用域 foo 中声明的，因此它只能在 foo 和其内部代码块 bar 中访问。因此，代码会输出 15。

变量提升

在 JavaScript 中，变量声明会提升到其作用域的顶部。这意味着即使变量是在作用域的底部声明的，在解析阶段它仍会被视为在顶部声明。然而，变量的赋值不会被提升，因此在使用变量之前必须对其进行赋值。

例如，考虑以下代码：```
function foo() {
(x); // undefined
var x = 10;
}
foo();
```

即使 x 在函数 foo 的底部声明，它仍然被提升到顶部。但是，由于变量提升仅适用于声明，而未提升赋值，因此 (x) 会输出 undefined。

闭包

闭包是引用其创建作用域中外部变量的函数。当函数关闭（完成执行并退出其作用域）后，外部变量仍然可以通过闭包访问。这是因为闭包在其作用域链中捕获了外部变量，即使该作用域已退出。

例如，考虑以下代码：```
let x = 10;
function foo() {
return function() {
(x); // 访问外部变量
};
}
let bar = foo();
bar(); // 输出 10
```

函数 foo 返回了一个内部函数，该函数通过闭包捕获外部变量 x。即使函数 foo 已关闭，内部函数仍然可以使用 x，因为 x 已被捕获在闭包的作用域链中。