# 函数作用域之理解Scoping & Hoisting

理解Scoping & Hoisting

js与其他一些语言如c/c++/java之类的一个很大差别，就是作用域的问题，这是一个新的点，是函数作用域，而非块作用域。

---

下面我们来做个小样例：

;(function(windows,document,undifined){    var a = 1;    function test(){        if(!a)            var a = 2;  //这里需要注意 ---- （1）        console.log(a);    }    test();})(window, document);

测试结果输出是2，是的，这不是bug。
这段代码关键点是在（1）处。实际上这段代码相当于（这就是函数作用域的神奇之处）

;(function(windows,document,undifined){    var a = 1;    function test(){        var a; //这就是所谓Hoisting提升a的定义        if(!a)            a = 2;  //实际相当于先定义后执行        console.log(a);    }    test();})(window, document);

所以，我们需要考虑，但我们需要打印出1结果的时候怎么处理？
这里给出两种方法：
方法1：

;(function(windows,document,undifined){    var a = 1;    function test(){        if(!a)            a = 2;//此处调用的是函数外层的a变量，直接改变其变量值        console.log(a);    }    test();})(window, document);

方法2：

;(function(windows,document,undifined){    var a = 1;    function test(){        if(!a)            (function(){                var a = 2; //这里的a变量只是该函数域下的变量            })();           console.log(a);    }    test();})(window, document);

这就是所谓的闭包了，var a=2的定义已然处于test函数作用域的下一层级，所以不会影响其作用域的变量。

参考于Ben Cherry 的原文