JavaScript 函数作用域：揭秘变量的可见性165

在 JavaScript 中，理解函数作用域对于编写健壮且可维护的代码至关重要。函数作用域决定了变量在函数内部和外部的可见性，这会对程序的行为产生深远的影响。

局部变量和全局变量

函数内部声明的变量称为局部变量，只能在该函数内访问。而全局变量在函数外部声明，可以在程序的任何地方访问。

例如，以下代码中，变量 localVariable 是局部变量，而 globalVariable 是全局变量：```javascript
const globalVariable = 10;
function myFunction() {
const localVariable = 20;
// 可以在该函数中访问 localVariable
// 无法在该函数外访问 localVariable
}
```

词法作用域

JavaScript 采用词法作用域，这意味着函数的作用域取决于函数声明的位置，而不是函数被调用的位置。

例如，以下代码中，innerFunction 的作用域是 outerFunction，即使 innerFunction 在 outerFunction 之外调用：```javascript
function outerFunction() {
const variable = 10;
function innerFunction() {
// 可以在内部函数中访问变量
}
}
outerFunction();
innerFunction(); // 访问 outerFunction 中的变量
```

块级作用域

ES6 引入了块级作用域，允许使用 let 和 const 关键字在块（{}）中声明变量。

块级作用域变量只能在声明它们的块内访问，这提供了更高的灵活性，因为它允许在同一作用域内声明多个同名变量：```javascript
for (let i = 0; i < 10; i++) {
// 块级作用域变量 i
(i);
}
// 无法在循环外访问 i
```

闭包

当函数访问其封闭作用域中的变量时，就会创建闭包。函数的封闭作用域是声明该函数的作用域。这使函数即使在封闭作用域结束之后仍然可以访问这些变量。

例如，以下代码中，innerFunction 返回一个闭包，该闭包可以访问 outerFunction 中的 variable 变量，即使 outerFunction 已经结束：```javascript
function outerFunction() {
const variable = 10;
return function innerFunction() {
// 即使 outerFunction 已经结束，也可以访问 variable
};
}
const inner = outerFunction();
inner(); // 访问 outerFunction 中的变量
```

作用域链

当 JavaScript 尝试查找变量时，它会沿着作用域链向上查找。作用域链是有序的函数和块的列表，从当前执行上下文开始。

例如，以下代码中，作用域链从 innerFunction 开始，然后是 outerFunction 和全局作用域：```javascript
function outerFunction() {
const variable = 10;
function innerFunction() {
// 访问 outerFunction 中的 variable
}
}
```

理解 JavaScript 中的函数作用域至关重要，因为它控制了变量的可见性和程序的行为。局部变量仅在函数内部可见，而全局变量可以在程序的任何地方访问。词法作用域决定了函数的作用域，而块级作用域允许在块中声明变量。

闭包可以访问其封闭作用域中的变量，而作用域链确定了变量查找的顺序。通过掌握这些概念，您可以编写更加健壮、可维护的 JavaScript 代码。

2025-02-15

上一篇：JavaScript 闭包：揭开内存管理的神秘面纱

下一篇：将 JavaScript 数组转换为 JSON