在javascript中根据变量作用的范围不同分为局部变量和全局变量，直接定义的变量是全局变量，全局变量可以被所有的脚本访问；在函数中定义的变量是局部变量，局部变量只在函数内有效。
如果全局变量和局部变量使用相同的变量名，则局部变量将会覆盖全局变量。
例子代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>js中全局变量与局部变量</
title
>
</
head
>
<
body
>
<
script
type
=
"text/javascript"
>
var a = "全局变量";
function test1()
{
var a = "局部变量";
alert(a);
}
function test2()
{
alert(a);
var a = "局部变量";
alert(a);
}
function test3()
{
alert(a);
a = "局部变量";
alert(a);
}
</
script
>
<
input
type
=
"button"
value
=
"test1"
onclick
=
"test1()"
/>
<
input
type
=
"button"
value
=
"test2"
onclick
=
"test2()"
/>
<
input
type
=
"button"
value
=
"test3"
onclick
=
"test3()"
/>
</
body
>
</
html
>
|
运行的结果是这样的：
点击test1 ，弹出局部变量。
点击test2，弹出undefined，再弹出局部变量
点击test3，弹出全局变量，再弹出局部变量
这就是使用var和不使用的区别所在：
如果使用var，那么程序会强制定义一个新变量。
如果没有使用var，系统会优先在当前上下文中搜索是否存在该变量，只有在不存在的前提下才会重新定义一个新变量。
test3中，使用的变量a均为全局变量，第一次直接输出了全局变量，第二次是直接为全局变量赋值之后使用。
test1和test2中都存在在function中使用var定义同名新变量，会导致函数中的变量覆盖掉全局变量。所以在test2中：第一次输出的a是已经被覆盖了的局部变量a，但是没有给予初值，所以会出现undefined这个结果。这样使用变量实际上是错误的，大家应该避免。
摘录 自博客 MingChaoSun
644
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
