Javascript全局变量和局部变量

Javascript全局变量和局部变量Javascript全局变量和局部变量先看一段代码:<script>vara=1;functiontest(){alert(a); vara=2;alert(a);}test();alert(a);</script>运行结果:undefined21而一般我们会认为:结果应该是121再看一段代码:<script>vara=1; functiontest(){

大家好,又见面了,我是你们的朋友全栈君。

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对象。

  1. Javascript在执行前会对整个脚本文件的**定义部分(注意,并不包括赋值部分)**做完整分析,所以在函数test()执行前,函数体中的变量a就被指向内部的局部变量.而不是指向外部的全局变量. 但这时a只有声明,还没赋值,所以输出undefined。
  2. 简单说:函数外部定义的变量为全局变量,如果函数内只是引用改变量,如alert(a),并没有其余的重声明语句,那么这个a仍是全局变量,输出的也是全局变量的值。但是,一旦在函数内重新声明了与全局变量同名的变量,不管是否赋值了,那么这个函数内的变量就是局部变量了。
  3. 且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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号