当前位置：首页 > news >正文

JavaScript 变量作用域与函数调用机制：var 示例详解

news 2024/11/6 3:18:11

JavaScript 变量作用域与函数调用机制：var 示例详解

在 JavaScript 中，作用域和闭包是理解变量生命周期和行为的核心概念。通过以下这段代码，我们将详细分析如何在不同的作用域内使用 var 关键字，并解释相关的变量访问规则

代码解析

var name = "Hello, World"; // 1. 全局作用域中定义了 name，值为 "Hello, World"function echo() {console.log(name);  // 2. 输出 name 的值
}function env() {var name = "hello, kitty"; // 3. 在 env 函数内定义了局部变量 nameecho(); // 4. 调用 echo 函数
}env(); // 5. 调用 env 函数

执行流程

全局作用域
- 在全局作用域中，var name = “Hello, World” 赋值了一个全局变量 name，其值为 “Hello, World”
```
  var name = "Hello, World";
```
定义函数 echo()
- 函数 echo 定义了一个 console.log(name)，该函数用于输出 name 变量的值
```
  var name = "Hello, World";
```
定义函数 env()
- 函数 env 内部首先声明了一个局部变量 name，并赋值为 “hello, kitty”。这个 name 变量只在 env 函数内部有效。
- 然后，env 函数调用了 echo()
```
 function env() {var name = "hello, kitty";echo();}
```
调用 env() 函数
- 当 env() 被调用时，JavaScript 会执行 env 函数中的代码
- 在 env() 内部，name 被声明为 “hello, kitty”，但是在调用 echo() 时，echo() 函数会输出 name，此时发生了作用域链的查找

关键点：作用域链（Scope Chain）和函数调用时的作用域

echo() 函数中的 name 是在全局作用域中查找的，因为 echo() 是在全局作用域中定义的。当 echo() 被调用时，它会首先在自己所在的作用域中查找 name，如果没有找到，就会继续在外部作用域中查找（即查找全局作用域）
局部变量 name（在 env() 内部定义的 name）只对 env() 函数有效，对 echo() 函数没有影响
- 由于 echo() 没有在其作用域内找到 name，它就会在外部的作用域中查找。在此情况下，echo() 找到了全局作用域中的 name，其值为 “Hello, World”

作用域链： echo() 函数查找 name 时，会首先查看其自己的作用域，然后查看外层作用域（直到全局作用域）。env() 中的局部 name 对 echo() 的执行没有影响，因为 echo() 查找的是全局作用域中的 name。