变量和作用域：JavaScript编程基础

前端

2023-12-28 11:34:25

变量在 JavaScript 中的作用域

变量是存储计算机信息的内存位置，而在 JavaScript 中，它们用于保存各种类型的数据。理解 JavaScript 中的变量作用域对于编写有效且高效的代码至关重要。

变量的作用域

变量的作用域是指变量可被访问的范围。在 JavaScript 中，变量的作用域可以是全局的或局部的：

全局变量： 可以在程序的任何地方访问。
局部变量： 只能在声明它们的函数或块中访问。

变量提升

变量声明会在函数或块的顶部提升。这意味着即使变量是在代码块的中间声明的，也可以在声明之前使用它。

作用域提升

函数声明也会提升到函数或块的顶部。这意味着即使函数是在代码块的中间声明的，也可以在声明之前调用它。

闭包

闭包是指一个函数可以访问另一个函数的作用域中的变量。可以通过嵌套函数来创建闭包。

词法作用域

在 JavaScript 中，作用域是词法作用域。这意味着变量的作用域是由代码的结构决定的，而不是由变量的运行时值决定的。

块级作用域

块级作用域是指变量的作用域只限于声明它们的块。块级作用域是通过 let 和 const 实现的。

全局变量

全局变量通过 var 声明，但不属于任何函数或块。全局变量通常用于存储需要在多个地方访问的数据。

局部变量

局部变量只能在声明它们的函数或块中访问。局部变量通过 let 和 const 关键字声明。

函数作用域

函数作用域是指变量的作用域只限于声明它们的函数。函数作用域是通过 function 关键字实现的。

块作用域

块作用域是指变量的作用域只限于声明它们的块。块作用域是通过 let 和 const 关键字实现的。

with 语句

with 语句可以用来临时改变变量的作用域。

eval 语句

eval 语句可以用来执行一个字符串作为 JavaScript 代码。

示例

以下代码示例展示了 JavaScript 中变量作用域的各个方面：

// 全局变量
var globalVar = 10;

// 函数作用域
function myFunction() {
  // 局部变量
  var localVar = 20;

  console.log("局部变量：", localVar); // 输出：20
  console.log("全局变量：", globalVar); // 输出：10
}

myFunction();

console.log("全局变量：", globalVar); // 输出：10
// console.log("局部变量：", localVar); // 报错：未定义