javascript全局变量

JavaScript通过函数管理作用域。全局变量则会在下列情况下出现：

在任何地方不使用 var 声明变量，或者直接向未声明的变量赋值。

在函数外部使用 var 声明的变量。

以window.  形式声明的变量。

myglobal='hello';//反模式
console.log(myglobal);//"你好"
console.log(window.myglobal);//"你好"
console.log(window.['myglobal']);//"你好"

 

 

全局变量的问题在于，你的JavaScript应用程序和web页面上的所有代码都共享了这些全局变量，他们住在同一个全局命名空间，所以当程序的两个不同部分定义同名但不同作用的全局变量的时候，命名冲突在所难免。比方说，某个第三方脚本定义了一个全局变量，叫做result；接着，在你的函数中也定义一个名为result的全局变量。其结果就是后面的变量覆盖前面的。因此，要想和其他脚本成为好邻居的话，应该尽可能少的使用全局变量，并且始终使用var来声明变量。

一、函数内部不使用 var 声明变量

function sum(x, y) {
   // 不推荐写法: 隐式全局变量
   result = x + y;
   return result;
}

 

此段代码中的result没有声明。代码照样运作正常，但在调用函数后你最后的结果就多一个全局命名空间，这可以是一个问题的根源。

 

经验法则是始终使用var声明变量，正如改进版的sum()函数所演示的：

 

function sum(x, y) {
   var result = x + y;
   return result;
}

 

 

二、使用任务链进行部分 var 声明

 

// 反例，勿使用
function foo() {
   var a = b = 0;
   // ...
}

 

 

上面的片段中，a是本地变量但是b确实全局变量。

 

此现象发生的原因在于这个从右到左的赋值，首先，是赋值表达式b = 0，此情况下b是未声明的。这个表达式的返回值是0，然后这个0就分配给了通过var定义的这个局部变量a。换句话说，就好比你输入了：

    var a = (b = 0);

如果你已经准备好声明变量，使用链分配是比较好的做法，不会产生任何意料之外的全局变量，如：

function foo() {
   var a, b;
   // ... a = b = 0; // 两个均局部变量
}

 

 

 参考资料：《JavaScript模式》