js 全局变量赋值

在JavaScript中，全局变量是在所有函数外部声明的变量，可以在程序的任何位置被访问和修改。全局变量的作用域是整个程序，这意味着它们可以在脚本的任何部分使用。

基础概念

• 声明方式：可以通过var, let, 或 const关键字在函数外部声明全局变量。
• 生命周期：全局变量从声明时开始存在，直到页面关闭才会被销毁。
• 作用域：全局变量在整个JavaScript程序中都是可见的。

优势

• 易于访问：可以在代码的任何地方访问全局变量，无需传递参数。
• 数据共享：可以在不同的函数和模块之间共享数据。

类型

• 显式全局变量：通过var, let, const在函数外部声明。
• 隐式全局变量：在函数内部不使用var, let, const声明变量，这样的变量会自动成为全局变量。

应用场景

• 配置信息：存储应用程序的配置信息，如API端点。
• 计数器：跟踪某些事件发生的次数。
• 共享数据：在多个函数间共享数据。

注意事项

• 命名冲突：全局变量可能会与其他脚本中的变量发生冲突。
• 内存泄漏：不当使用全局变量可能导致内存泄漏，因为它们不会被垃圾回收机制回收。
• 维护难度：全局变量使得代码难以维护和理解，因为它们的状态可以在程序的任何地方改变。

示例代码

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

function test() {
    console.log(globalVar); // 输出: I am a global variable
}

test();

// 隐式全局变量
function createImplicitGlobal() {
    globalImplicit = "I am an implicit global variable";
}

createImplicitGlobal();
console.log(globalImplicit); // 输出: I am an implicit global variable

解决全局变量的问题

为了避免全局变量带来的问题，可以采取以下措施：

• 模块化：使用模块化的代码结构，如ES6模块或CommonJS，来限制变量的作用域。
• 闭包：使用闭包来创建私有变量，只暴露必要的接口。
• 立即执行函数表达式(IIFE)：通过IIFE来创建一个独立的作用域，避免变量污染全局作用域。

// 使用IIFE避免全局变量
(function() {
    var localVar = "I am local to this IIFE";
    console.log(localVar);
})();

// localVar 在这里是不可访问的

通过这些方法，可以减少全局变量的使用，提高代码的可维护性和可读性。