分享
 
 
 

JavaScript学习笔记(1)变量的生命周期

王朝html/css/js·作者佚名  2008-11-06
窄屏简体版  字體: |||超大  

变量的生命周期又称为作用域,是指某变量在程序中的有效范围。根据作用域,变量可以分为全局变量和局部变量。

1、 全局变量的作用域是全局性的,即在整个JavaScript程序中,全局变量处处都在。

2、 而在函数内部声明的变量,只在函数内部起作用。这些变量是局部变量,作用域是局部性的;函数的参数也是局部性的,只在函数内部起作用。

经常见到网上有文章说:“在JavaScript中可以有两种方式声明全局变量:1、声明变量时不使用var关键字 2、在函数外部声明变量 使用第一种方法声明变量时,就算是在函数内部,该变量仍为全局变量,使用第二种方法声明变量时,就算是用var关键字,那么声明的变量也是全局变量,” 自己亲手测试一下就知其中对错:参看如下示例:

1 <script type="text/javascript">

2 var v01 = "我是全局变量v01"; //使用var关键字声明的全局变量

3 v02 = "我是全局变量v02"; //未使用var关键字声明的全局变量

4 function fun1(){

5 alert(v01); //output "我是全局变量v01"

6 alert(v02); //output "我是全局变量v02"

7

8 v03 = "我是全局变量v03";

9 var v04 = "我是局部变量v04";

10 }

11

12 function fun2(){

13 alert(v01); //output "我是全局变量v01"

14 alert(v02); //output "我是全局变量v02"

15

16 alert(v03); //error: "v03未定义"

17 alert(v04); //error: "v04未定义"

18

19 }

20

21 fun2();

22 </script>

为什么结果与大家公认的不一致呢,让我们把程序做稍微的改动:

1 <script type="text/javascript">

2 var v01 = "我是全局变量v01"; //使用var关键字声明的全局变量

3 v02 = "我是全局变量v02"; //未使用var关键字声明的全局变量

4 function fun1(){

5 alert(v01); //output "我是全局变量v01"

6 alert(v02); //output "我是全局变量v02"

7

8 v03 = "我是全局变量v03";

9 var v04 = "我是局部变量v04";

10 }

11

12 function fun2(){

13 alert(v01); //output "我是全局变量v01"

14 alert(v02); //output "我是全局变量v02"

15

16 alert(v03); //output: "我是全局变量v03"

17 alert(v04); //error: "v04未定义"

18

19 }

20 //两个函数都调用

21 fun1();

22 fun2();

23 </script>

呵呵,这个时候,程序终于按照我们原先的设想执行了,但是这个时候,我们就必须做下来好好总结一下了:

如果我们在函数内部声明了一个全局变量,也就是声明变量时未使用var关键字,当我们在其他地方使用该变量时,必须保证该函数已被调用,所以,如果真的要使用全局变量还是在函数外部声明的好

还有一个值得注意的地方就是:JavaScript变量作用范围没有语句块的概念,他并不像JAVA一样在for循环内部声明的变量,在for循环外部就不能使用,参看一下示例:

1 function test(){

2 for(var i =0 ; i <20; i++){

3 document.write(i+"<BR>");

4 if(i == 19) {

5 var j = "我是在for语句内部声明的";

6 }

7 }

8 alert(j); //output: "我是在for语句内部声明的"

9 }

10 test();

除此之外,还有一个容易引起错误的地方不能不说,参看一下程序:

1 var strTest = "全局变量";

2 function test1(){

3 alert(strTest); //output: "undefined"

4 var strTest = "看看出错没";

5 }

6 test1(); 先来解释一下这个小程序,我们首先在函数外部声明了一个全局性的变量,接着在函数内部把它alert出来,最后我们又声明了一个同全局变量的名字相同的一个局部变量,但是就是这个只有六行的小程序,其结果却并不像我们想象的那样输出"看看出错没",而是输出了undefined,呵呵,看来“JavaScript真是处处是陷阱啊”!

在网上GOOGLE了半天,找到了这样一种说法:

大家都知道JavaScript是一种解释型的脚本语言,当JavaScript运行时,首先查找所有的变量声明,并以未定义的初始值创建变量。如果变量被声明时有值,那么该变量仍以未定义的值初始化,并且只有在运行了声明行时才被声明值取代。 这也就解释了以上的程序,其实如果我们在程序的第一行之前加上一句:alert(strTest);输出结果依然会是undefined,看到这我想大家应该也想到了,程序出错的原因并不是说声明了一个与全局变量名称相同的局部变量,而是只要在变量声明语句之前调用该变量,该变量的值就一定是 undefined,但是如果我们调用一个没有被声明的变量,这个时候会报“变量未定义”的错误,所以我们还必须得明白这两者之间的区别,不过不管怎么说,一种好的编码习惯还是避免把局部变量与全局变量声明称相同的名字!

在看最后一种情况:注意以下程序:

1 var strGloblVar = "我是全局变量";

2 function father(){

3 strFatherGloblVar = "在父函数中声明的全局变量";

4 var strFatherVar = "我是父函数中为局部变量,同时也是子函数中的全局变量";

5 function child(){

6 strChildGloblVar = "在子函数中声明的全局变量";

7 var strChildVar = "我是子函数中的局部变量";

8 alert(strFatherVar); //output: "我是父函数中为局部变量,同时也是子函数中的全局变量"

9 alert(strChildVar); //output: "我是子函数中的局部变量"

10 alert("子函数中:"+strGloblVar); //output: "我是全局变量"

11 alert(strFatherGloblVar);

12 }

13 alert("父函数中:"+strGloblVar); //output: "我是全局变量"

14 //alert(strChildVar); //error: strChildVar 未定义

15 //alert(strChildGloblVar); //error:strChildGloblVar 未定义

16 return child();

17 }

18

19 father();

20 alert("所有函数外部:"+strFatherGloblVar); //output: "所有函数外部:在父函数中声明的全局变量"

21 alert("所有函数的外部:"+strChildGloblVar); //output:"所有函数的外部:在子函数中声明的全局变量" 用过JavaScript闭包的人会很容易的看懂以上程序,闭包不是本文要说明的重点,但是这个小例子可以帮我们证明在闭包的情况下,变量的生命周期并没有因为使用闭包而有很大的改变,可以简单的抛开闭包的概念,把father()函数内部看成一个独立的运行环境。14行报错,是因为strChildVar是child()函数中定义的局部变量,15行报错,是因为在调用strChildGloblVar之前child()函数未被执行过,这和我们之前说的都一样。但是当我们在father()函数外部打印strFatherVar的时候会出现错误,导致这种错误的原因很简单,strFatherVar虽然是child()的全局变量,但是却是father()的局部变量。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有