首页 > 网站 > WEB开发 > 正文

javascript变量:全局?还是局部?这个得注意!

2024-04-27 14:17:55
字体:
来源:转载
供稿:网友

javascript变量:全局?还是局部?这个得注意!

做项目就是一个学习的过程!

做为一个学习C3年多,从C程序员转前端的人来说,Javascript中的许多规则是没办法或者说一时半会理解不了的。

今天就遇到了一个,大致就是这么个代码。

var a ;                         //全局变量function fun(){    alert(a);               // a 在其它地方赋值,在这里操作,比如赋值为 0      ------------- 1    if(a==0)    {       alert(a);        // ----------------2       a = 10;    }            var a = 5 ;          // 重新定义变量    alert(a);             // -----------------3}    function fun2(){    alert(a)            // ------------------4}//  先执行了赋值,然后执行fun(),执行fun2();

结果第2处的操作怎么都进入不了,于是打出第1处直接 a 的值是: undefined !,我C,这是什么情况?

可能是C的理论,在脑海里扎的太深了,想了很久也想不明白为什么,只好在网上查,还好不是我一个人遇到这样的问题,在网上查了三篇文章。

javascript 变量范围(1)全局变量的作用域是全局性的,即在整个Javascript程序中,全局变量作用处处都存在。定义在”script”块中,在”function”函数外。(2)局部变量的作用域是局部性的,在函数内部或函数参数时定义,作用范围是从函数开始到结尾(注意此处说法)(3)在函数内部,局部变量的优先级比同名的全局变量优先级要高;如果存在与全局变量名称相同的局部变量(包括参数),那么该全局变量将不再起作用。

看到这个的时候,我貌似有点点明白了。

也就是说我在 标注3 处的定义,跟放在fun第一行定义没有区别的,因为只要函数内部定义了,它的作用范围就是从开始到结尾(定义时候没有赋值,所以Undefined)。

顺便又看了一些深一点的知识。

JavaScript语言块的范围跟其它(比如C)是不同的,它是用function来划分的,称为方法块(是根据后面的{}来划分)。

也就是说for,while,等内部定义的变量,虽然有{},但出了{},还是有效的。

例:q,x,y,z 分别在函数的不同位置定义,但他们的作用范围是相同的,都相当于在函数开始定义的,好神奇,也好TMD的难理解呀,有么有?

function test(q) {       // 在整个函数中,x都有意义       var x=0;                                 if(typeof(q)=="object")      {           //y不仅在if块中有意义,在整个函数中都有意义          var y=0;                      for(var z=0;z<5;z++)         {                        //z不仅在for循环中有意义,在整个函数中都有意义                 document.write(z);         }         document.write(z);             //z仍旧有意义,输出5      }      document.write(y);                //y仍旧有意义}        // 问题:如果在这里 alert(x) 会怎么样呢?

根据上面的三点应该很容易看出来:如果在函数外面 alert(x) ,会出现致命错误,脚本停止!因为x在函数外面是没有定义的。

那么,当局部变量与全局变量重名时候,怎么获取全局变量的值呢?

哈哈,最简单的当然是避免全局变量与局部变量相遇咯!

此外,用window.全局变量名

例子:

<script>      var a =0;         // 全局a定义
function test(){     
        alert(window.a);  //a为1,这里的a就取的是全局变量          var a=2;     //局部变量a定义          alert(a);     //a为2,这里的a是局部变量!      }      test();     alert(a);          //全局的a,当然也可以用window.a</script>

至此,问题也算搞明白了!


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表