大家好,又见面了,我是你们的朋友全栈君。
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>
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/130523.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...