# 函数作用域之理解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 的原文