js 局部变量 全局变量

在JavaScript中，变量的作用域决定了变量的可访问性。主要有两种类型的变量：局部变量和全局变量。

基础概念：

1. 全局变量：在函数外部声明的变量，或者没有使用var、let或const关键字在函数内部声明的变量（在ES5及之前版本中）。全局变量可以在代码的任何地方被访问和修改。
2. 局部变量：在函数内部使用var、let或const关键字声明的变量。局部变量只在声明它们的函数内部可见，函数执行完毕后，局部变量会被销毁。

优势：

• 全局变量：可以在整个程序范围内访问，适用于需要跨多个函数共享数据的场景。
• 局部变量：有助于避免命名冲突，提高程序的模块化程度，因为它们不会影响程序的其他部分。

类型：

• 全局变量：通常是window对象的属性（在浏览器环境中）。
• 局部变量：它们是函数执行上下文的一部分，并且只在函数的作用域内有效。

应用场景：

• 全局变量：当你需要在多个函数之间共享数据时使用，但要小心使用，因为过度依赖全局变量可能导致代码难以维护和理解。
• 局部变量：当你需要在函数内部使用一些临时数据，或者想要避免污染全局命名空间时使用。

遇到的问题及解决方法：

• 全局变量污染：过多的全局变量可能导致命名冲突和代码难以维护。解决方法是尽量使用局部变量，或者使用模块模式来封装代码。
• 作用域链问题：在嵌套函数中，内部函数可以访问外部函数的变量，但外部函数不能访问内部函数的变量。这可能导致意外的行为。解决方法是明确变量的作用域，并使用闭包来控制变量的可见性。

示例代码：

// 全局变量
var globalVar = "我是全局变量";

function testFunction() {
    // 局部变量
    var localVar = "我是局部变量";
    console.log(globalVar); // 输出: 我是全局变量
    console.log(localVar); // 输出: 我是局部变量
}

testFunction();
console.log(globalVar); // 输出: 我是全局变量
console.log(localVar); // 报错: ReferenceError: localVar is not defined

在ES6及以后的版本中，推荐使用let和const来声明变量，因为它们具有块级作用域，可以减少作用域相关的问题。

// 使用let声明的块级作用域变量
if (true) {
    let blockVar = "我是块级作用域变量";
}
console.log(blockVar); // 报错: ReferenceError: blockVar is not defined

在使用全局变量时要特别小心，因为它们可以在程序的任何地方被修改，这可能导致难以追踪的错误。通常建议尽可能使用局部变量，并通过函数参数和返回值来传递数据。