JavaScript 作用域链360

什么是作用域链？

在 JavaScript 中，作用域链是一个概念，它描述了函数及其封闭作用域的层次结构。封闭作用域是指函数定义中包含的变量和函数。作用域链决定了函数可以访问哪些变量和函数。

作用域链的创建

当 JavaScript 解析器创建函数时，它会为该函数创建一个作用域链。作用域链从当前函数开始，并向上通过其封闭作用域，直到到达全局作用域。全局作用域是所有 JavaScript 代码共享的公共作用域。

作用域链搜索

当函数需要引用变量或函数时，它会沿着作用域链向上传递，直到找到它。如果变量或函数在当前作用域中找到，它将被直接访问。如果在当前作用域中找不到，则搜索将继续到下一个封闭作用域，依此类推。

如果沿着作用域链向上没有找到变量或函数，则会发生一个引用错误。例如，如果全局变量 foo 在函数中未声明，则会引发此错误：```javascript
function myFunction() {
(foo); // ReferenceError: foo is not defined
}
```

变量提升

值得注意的是，在 JavaScript 中，变量在函数块中提升到块的顶部。这意味着变量可以在其声明之前引用，但不能在此之前赋值。例如，以下代码不会产生错误：```javascript
function myFunction() {
(foo); // undefined
var foo = "bar";
}
```

例子

以下示例演示了作用域链如何工作：```javascript
// 全局作用域
var globalVar = "global";
// 创建一个函数
function myFunction() {
// 局部作用域变量
var localVar = "local";
// 嵌套函数
function nestedFunction() {
// 嵌套函数作用域变量
var nestedVar = "nested";
// 访问变量
(globalVar); // "global"
(localVar); // "local"
(nestedVar); // "nested"
}
nestedFunction();
}
myFunction();
```