JS全局变量|极客笔记

JS全局变量

在JavaScript中，全局变量是在任何函数之外声明的变量，可以在整个程序中访问。全局变量在任何地方都是可见和可用的，因此在使用全局变量时需要格外注意，避免出现意外的bug。

声明全局变量

在JavaScript中，声明一个全局变量可以通过以下方式：

// 在函数外部声明全局变量
var globalVariable = "I am a global variable";

上面的代码中，变量globalVariable被声明为全局变量，可以在程序的任何地方使用。

访问全局变量

访问全局变量非常简单，只需直接引用变量名即可，无需指定作用域。

console.log(globalVariable); // 打印"I am a global variable"

注意事项

使用全局变量时需要注意一些事项，以避免出现意外的问题。

命名冲突

当一个全局变量的命名与其他库或框架中的全局变量重复时，会产生命名冲突。为了避免这种情况，可以使用命名空间来管理全局变量。

// 使用命名空间来避免全局变量冲突
var myNamespace = {
  globalVariable: "I am a global variable in myNamespace"
};

console.log(myNamespace.globalVariable); // 打印"I am a global variable in myNamespace"

全局污染

过多的全局变量会导致全局污染，可能会影响到其他代码的运行。为了减少全局变量的数量，可以使用IIFE（立即调用函数表达式）来封装代码。

// 使用IIFE封装代码，减少全局变量污染
(function() {
  var localVar = "I am a local variable inside IIFE";
})()

console.log(localVar); // 报错，localVar未定义

示例

下面是一个使用全局变量的简单示例：

// 全局变量
var globalVar = "I am a global variable";

function showGlobalVar() {
  console.log(globalVar);
}

showGlobalVar(); // 打印"I am a global variable"