js中变量的做用域

　　1、在js中，变量的定义并不是以代码块做为做用域的，而是以函数做为做用域。也就是说，若是变量是在某个函数中定义的，那么，它在函数之外的地方是不可见的。可是，若是该变量是定义在if或者for这样的代码块中，它在代码块以外是可见的。

　　2、在js中，术语“全局变量”指的是定义在全部函数以外的变量（也就是定义在全局代码中的变量），与之相对的是“局部变量”，所指的是在某个函数中定义的变量。其中，函数内的代码能够像访问本身的局部变量那样访问全局变量，反之则不行。

　　3、下面是具体示例，请注意两点：

　　　　1>　函数f()能够访问变量global。

　　　　2>　在函数f()之外，变量local是不存在的。

　　　　var global = 1;
　　　　function f() {
　　　　　　var local = 2;
　　　　　　global ++;
　　　　　　return global;
　　　　}
　　　　测试结果以下：

　　　　

　　　　还有一点要注意：若是咱们声明一个变量事没有使用var语句，该变量就会被默认为全局变量。让咱们来看一个示例：

　　　　function f () {
　　　　　　local = 2;
　　　　}
　　　　undefined
　　　　local;
　　　　VM432:1 Uncaught ReferenceError: local is not defined
　　　　f();
　　　　undefined
　　　　local;
　　　　2

　　　　图：

　　　　

　　　　咱们来看上面代码发生了什么：首先，咱们在函数f()中定义了一个变量local。在该函数被调用以前，这个变量并不存在。该变量会在函数首次被调用时建立，并被赋予全局做用域。这使得咱们能够在该函数之外的地方访问它。

　　4、最佳实践：

　　　　1>尽可能将全局变量的数量降到最低，以免命名冲突。

　　　　2>最好老是使用var语句来声明变量。

　　　　3>能够考虑使用“单一var”模式，即，仅在函数体内的第一行使用一个var来定义这个做用域中全部须要的变量。这样一来，咱们就能很轻松地找到相关变量的定义，而且在很大程度上避免了不当心污染全局变量的状况。

　　5、变量提高

　　　　举例：　

　　　　var a = 123;
　　　　function f(){
　　　　　alert(a);
　　　　　var a = 1;
　　　　　alert(a);
　　　　}
　　　　f();

　　　　图：

　　　　

　　　　你可能会想固然的认为alert()第一次显示的是123（即全局变量a的值），而第二次显示的是1（即局部变量a）。但事实并不是如此，第一个alert()实际上显示的是undefined，这是由于函数域始终优先于全局域，因此全局变量a会覆盖掉全部与它同名的全局变量，尽管在alert()第一次被调用时，a尚未被证明定义（即，该值是undefined），但该变量自己已经存在于本地空间了。这种特殊的现象叫作提高。

　　　　结果如图：

　　　　 

　　　　

　　　　也就是说，当js执行过程进入新的函数时，这个函数内被声明的全部变量全部变量都会被移动（或者说提高）到函数最开始的地方。另外，须要注意，被提高的只有变量的声明，这意味着，只有函数体内声明的这些变量在该函数执行开始时就存在，而与之相关的赋值操做并不会被提高，它还在原来的位置上。譬如，在原来的例子中，局部变量自己被提到了函数开始处，但并无在开始处就被赋值为1。这个例子能够被等价地改写为：

　　　　

　　　　固然，咱们能够采用最佳实践中提到过的单一var模式。在这个例子中，咱们能够手动提高变量声明的位置，这样一来代码就不会被js的提高行为所混淆了。