JavaScript变量范围

JavaScript变量的范围是指变量在程序中可访问的区域。变量范围是在定义变量时决定的。JavaScript中的变量有两种范围：

• 全局变量
• 局部变量

全局变量

全局变量是定义在程序的顶部，并且在函数之外的变量。全局变量可以在整个程序中使用。定义全局变量的方法如下所示：

var globalVariable = "I am a global variable!";

在任何地方使用globalVariable都是可以的。例如：

function printGlobalVariable() {
    console.log(globalVariable);
}

printGlobalVariable();

输出结果应该是I am a global variable!。

但是，在使用全局变量时，必须要小心全局变量污染的问题。如果全局变量被别的程序或其他函数意外地修改了，程序可能会出现严重的问题。

局部变量

局部变量只能在定义它们的函数内使用。定义局部变量的方法如下所示：

function localVariableExample() {
    var localVariable = "I am a local variable!";
    console.log(localVariable);
}

localVariableExample();

只有在localVariableExample函数内部可以访问localVariable。

JavaScript变量提升

在JavaScript中，变量提升是一种将声明移到当前作用域顶部的行为。JavaScript中任何变量和函数声明都会被移动到函数（如果是全局变量则会被移动到顶层）的顶部。这就意味着可以在声明前使用该变量（但是不会赋值）。

例如：

console.log(myVariable); // 输出 undefined
var myVariable = 5;

在上面的代码中，声明myVariable被提升到了函数的顶部。但是，在console.log(myVariable)执行时，变量还没有被赋值，所以输出的是undefined。

let和const关键字

ES6引入了两种新的变量声明方法：let和const。它们与var关键字不同，有着不同的变量范围和行为。

• let声明具有块级作用域，它只对在声明时所在的块（例如：if语句块、for循环体、函数内）中的变量起作用：

  if (true) {
      let myVariable = "I am a block scoped variable!";
      console.log(myVariable); // 输出 "I am a block scoped variable!"
  }
  console.log(myVariable); // 输出 "ReferenceError: myVariable is not defined"
  

  在if语句块中声明的myVariable只对该块内的代码可见。在块外访问该变量会导致ReferenceError。

• const声明也是有块级作用域的。但是，与let不同之处在于，const声明的变量是不可重新赋值的。

  const myConstant = 5;
  myConstant = 6; // 抛出错误
  

  在上面的代码中，试图重新赋值一个常量会抛出错误。

总之，理解JavaScript变量范围是非常重要的。了解这些概念可以帮助编写更清晰，更健壮的代码。