局部变量与全局变量 - JavaScript

在 JavaScript 中，变量可以分为局部变量和全局变量。它们的作用范围不同，使用方式也不同。

局部变量

局部变量是在函数内部定义的变量。只能在函数内部使用，函数外部不能访问到。这种变量的特点是作用域受限，只在函数内部有效。

下面是一个简单的示例：

function test() {
  var name = "John";
  console.log(name);  // 输出 "John"
}

test();
console.log(name);    // 抛出异常：name is not defined

在 test() 函数中，我们定义了一个名为 name 的变量，它是局部变量。在函数外部，我们尝试输出它，这时会抛出异常，因为在外部访问该变量不存在。

全局变量

全局变量是在函数外部定义的变量，它们可以在整个应用中访问。全局变量的特点是作用域不受限，可以在任何地方使用。

下面是一个简单的示例：

var name = "John";

function test() {
  console.log(name);  // 输出 "John"
}

test();
console.log(name);    // 输出 "John"

在上面的例子中，我们在函数外部定义了变量 name，这是一个全局变量。在函数内部，我们可以访问它；在函数外部，我们同样可以访问它。

然而，全局变量的使用需要谨慎。过多的全局变量会造成程序代码的混乱，降低代码的可维护性。一般情况下，应该优先使用局部变量，只有必要时才考虑使用全局变量。

总结

局部变量和全局变量是 JavaScript 中非常重要的概念。了解它们的区别和使用方法，对于编写高质量的 JavaScript 代码非常有帮助。