浅谈JavaScript的全局变量与局部变量

时间:2021-05-18

一、JavaScript scope 的划分标准是function函数块,不是以 if、while、for来划分的

<script>function f1(){ alert("before for scope:"+i); //i未赋值(并不是没有声明!使用未声明变量或函数会导致致命错误从而中断脚本执行) //此时i值为undefined for(var i=0; i<3;i++){ alert("in for scope:"+i);} //i的值是0,1,2 alert(“after for scope:”+1); //i的值是3,此时已经在for scope之外,但i的值仍然保留为3 while(true){ var j=1; break;} alert(j); //j的值是1,此时已经在while scope之外,但j的值仍然保留为1 if(true){ var k=1; } alert(k); //k的值为1,此时已经在if scope之外,但k的值仍保留为1}f1();//此时在函数块外调用函数,再次输出存在于f1这个function scope里的i j k变量alert(i);//error!!!原因是这里的i未声明(不是未赋值,区别f1的第一行输出),脚本错误,程序结束!alert(j); //未执行alert(k);//未执行</script>

二、JavaScript在执行之前会对整个脚本文件进行预编译(对脚本文件的声明部分做分析,包括局部变量部分),从而确定实变量的作用域。举个例子在下边:

<script> var x=1; function f2(){ alert(x); //x的值为undefined!这个x并不是全局变量,因为在function scope已经又声明了一个重名的局部变量,所以全局变量的参数a被覆盖了。 说明了JavaScript在执行前会进行预编译,函数体内的x就被指向局部变量,而不是全局变量。此时x只有声明,没有赋值,所以为undefined x=3; alert(x); //x值为3.但还是局部变量 var x; //局部变量x在这里声明 alert(x); //值为3 } f2(); alert(x); //x值为1,并不是在function scope内,x的值为全局变量的值。</script>

三、当全局变量跟局部变量重名时,局部变量的scope会覆盖掉全局变量的scope,当离开局部变量的scope后,又重回到全局变量的scope,而当全局变量遇上局部变量时,

怎样使用全局变量呢?用window.globalVariableName。

<script> var a=1; function f3(){ alert(window.a); //a位1,这里的a是全局变量 var a=2; alert(a); } f3(); alert(a);</script>

以上这篇浅谈JavaScript的全局变量与局部变量就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章