js 全局变量 局部变量

在JavaScript中，全局变量和局部变量是两种不同作用域的变量。

全局变量：

• 基础概念：全局变量是在所有函数外部定义的变量，可以在程序的任何位置被访问和修改。它们是window对象（在浏览器环境中）的属性，因此也被称为“全局对象属性”。
• 优势：可以在整个程序范围内访问，方便在不同函数间共享数据。
• 应用场景：当你需要在多个函数之间共享数据时，可以使用全局变量。但应谨慎使用，因为过度使用可能导致代码难以维护和调试。
• 问题与解决方案：全局变量可能引发命名冲突，特别是在大型项目中。解决方案是尽量避免使用全局变量，或者使用命名空间来组织和管理全局变量。

局部变量：

• 基础概念：局部变量是在函数内部定义的变量，其作用域仅限于该函数内部。当函数执行完毕后，局部变量就会被销毁。
• 优势：有助于保持代码的模块化和可维护性，减少命名冲突的可能性。
• 应用场景：当你只需要在函数内部使用某个变量时，应使用局部变量。
• 问题与解决方案：局部变量的生命周期仅限于函数执行期间，因此不能在函数外部访问。如果需要在函数外部访问函数内部的值，可以考虑使用函数的返回值。

示例代码：

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

function testFunc() {
    // 局部变量
    var localVar = "I am a local variable";
    console.log(globalVar); // 输出全局变量的值
    console.log(localVar); // 输出局部变量的值
}

testFunc();
console.log(globalVar); // 仍然可以输出全局变量的值
console.log(localVar); // 报错，因为localVar在这里是未定义的

在这个示例中，globalVar是一个全局变量，可以在testFunc函数内部和外部被访问。而localVar是一个局部变量，只能在testFunc函数内部被访问。