js中全局变量的一点小知识点

js中有三种方式定义全局变量：

• 在任何函数外面直接执行var语句，例如：var f="value";
• 直接添加一个属性到全局变量上，在web浏览器中，全局对象名为window。例如：window.f="value";
• 直接使用未经过声明的变量，以这种方式定义的全局变量成为隐式的全局变量。例如：f="value";

尽可能少使用全局变量：

其中一种方法就是将他们添加到同一个命名空间去：例如：

var My={};
My.name={
        "first name":"first",
        "last-name":"last"
};
My.work={
     ……
};

以上代码中定义了唯一一个全局变量My，所有的全局变量都添加到My中。

 

js支持函数作用域，但不支持块作用域，为了减少块级作用域的使用，就在函数体顶部就声明函数中所有可能会用到的变量。

 

举例说明：

<script type="text/javascript">
       var foo=function(){
           var a=1,b=2;
           var bar=function(){
               var b=3,c=4;
               a+=b+c;
               console.log(a);
               console.log(b);
               console.log(c);
           };//在此处就已经是c=undefined
           bar();
           console.log(a);
        console.log(b);
           console.log(c);
       }
       foo();
    </script>

以上代码执行结果为