JavaScript全局变量

在JavaScript中，全局变量是定义在全局作用域中的变量，其可以在整个程序中使用。在不同的代码块中访问全局变量是很常见的事情，因此了解全局变量的使用和作用是非常重要的。

声明全局变量

在JavaScript中，声明全局变量有两种方式：使用 var 或者不使用任何关键字。如果不使用关键字就声明变量，则该变量会自动变成全局变量。

// 使用 var 声明全局变量
var name = "John";

// 不使用关键字直接声明全局变量
score = 100;

建议使用 var 声明变量，因为它可以提高代码的可读性和可维护性。

访问全局变量

全局变量在任何代码块中都可以被访问。如果在代码块中声明了与全局变量同名的变量，则该代码块中的变量会覆盖全局变量。

var message = "Hello";
console.log(message); // 输出 "Hello"

function showMessage() {
  var message = "Goodbye";
  console.log(message); // 输出 "Goodbye"
}

showMessage();
console.log(message); // 输出 "Hello"

全局变量的作用域

全局变量的作用域为整个程序。因此，可以在不同的 JavaScript 文件中使用相同的全局变量。

// file1.js
var name = "John";

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

全局变量的命名

命名全局变量时应该给变量起一个有意义的名字，并且应该符合命名规范。为了避免与其他代码块中的变量发生冲突，应该避免使用过于简单或普遍的变量名称。

// 不好的变量名称
var x = 5;

// 更好的变量名称
var numberOfStudents = 30;

总结

全局变量在 JavaScript 中扮演着重要的角色，但是过度使用全局变量可能会导致代码维护性降低。使用 var 声明变量、给变量起有意义的名字、避免变量名的冲突，是写出高质量 JavaScript 代码的基本要求。