大家好，又见面了，我是你们的朋友全栈君。
Javascript全局变量和局部变量
先看一段代码：
<script>
var a =1;
function test(){
alert(a);
var a = 2;
alert(a);
}
test();
alert(a);
</script>
运行结果：
undefined 2 1
而一般我们会认为：结果应该是1 2 1
再看一段代码：
<script>
var a =1;
function test(){
var b = window.a;
alert(b);
var a = 2;
alert(a);
}
test();
alert(a);
</script>
运行结果：
1 2 1
再看一段：
<script>
var a =1;
function test(){
alert(a);
}
test();
alert(a);
</script>
运行结果：
1 1
那么为什么这里的alert(a);就不是undefined了呢？
再看一段代码：
<script>
var a =1;
b = 5;
var b;
alert(b);
function test(){
alert(a);
var a = 4;
}
test();
alert(a);
</script>
运行结果：
5 undefined
1. 原因分析
首先：var a =1; 是全局变量，属于window对象。
- Javascript在执行前会对整个脚本文件的**定义部分（注意，并不包括赋值部分）**做完整分析,所以在函数test()执行前,函数体中的变量a就被指向内部的局部变量.而不是指向外部的全局变量. 但这时a只有声明，还没赋值，所以输出undefined。
- 简单说：函数外部定义的变量为全局变量，如果函数内只是引用改变量，如alert(a)，并没有其余的重声明语句，那么这个a仍是全局变量，输出的也是全局变量的值。但是，一旦在函数内重新声明了与全局变量同名的变量，不管是否赋值了，那么这个函数内的变量就是局部变量了。
- 且Javascript在执行前会只是对整个脚本文件的**定义部分（注意，并不包括赋值部分）**做完整分析，并不会解析赋值，所以在语句执行时，仍是自上而下，那么在函数体内，a已经被解析为局部变量，且没有给a赋值，a自然是undefined。
附：
<script>
var a =1;
function test(){
alert(a); //a为undefined! 这个a并不是全局变量，这是因为在function scope里已经声明了（函数体倒数第4行）一个重名的局部变量,
//所以全局变量a被覆盖了，这说明了Javascript在执行前会对整个脚本文件的定义部分做完整分析,所以在函数test()执行前,
//函数体中的变量a就被指向内部的局部变量.而不是指向外部的全局变量. 但这时a只有声明，还没赋值，所以输出undefined。
a=4
alert(a); //a为4,没悬念了吧？ 这里的a还是局部变量哦！
var a; //局部变量a在这行声明
alert(a); //a还是为4,这是因为之前已把4赋给a了
}
test();
alert(a); //a为1，这里并不在function scope内，a的值为全局变量的值
</script>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/130523.html原文链接：https://javaforall.net
