javascript全球变量和局部变量的冲突

在JavaScript中，全局变量和局部变量可能会发生冲突，尤其是在它们具有相同名称的情况下。当出现这种情况时，局部变量会遮蔽（或称为“捕获”）全局变量，导致全局变量在局部变量的作用域内不可访问。让我们通过一个例子来说明这种冲突：

```javascript

//

全局变量

var

globalVariable

=

"I

am

a

global

variable";

//

函数，其中包含一个局部变量

function

exampleFunction()

{

var

localVariable

=

"I

am

a

local

variable";

console.log(localVariable);

//

输出："I

am

a

local

variable"

console.log(globalVariable);

//

输出："I

am

a

global

variable"

}

//

调用函数

exampleFunction();

//

在函数外部尝试访问局部变量

console.log(localVariable);

//

抛出错误：localVariable

is

not

defined

```

在这个例子中，`globalVariable`是一个全局变量，可以在整个代码中访问。而`localVariable`是一个局部变量，只能在`exampleFunction`函数内部访问。当我们尝试在函数内部访问`localVariable`时，它会遮蔽同名的全局变量，这就是为什么我们在函数内部尝试访问`globalVariable`时能够正确地得到全局变量的值，而不会访问到局部变量。

然而，在函数外部再次尝试访问`localVariable`时，会发现它是未定义的，因为该变量的作用域仅限于函数内部。

为了避免全局变量和局部变量之间的冲突，通常建议尽可能使用局部变量，并且避免使用全局变量，除非确实需要共享数据。如果遇到变量名冲突的问题，可以通过更改其中一个变量的名称来解决，确保它们在各自的正确作用域内工作。