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>

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

原文地址:https://www.cnblogs.com/wsun/p/4032764.html