作用域和作用域链

由于工作原因最近这段时间需要疯狂研究javaScript，这里记录了平时可能遇到的问题以及出现问题的原因和解决办法。

什么叫作用域？

作用域就是变量和函数的可访问范围，控制着变量和函数的可见性与生命周期，在JavaScript中变量的作用域有全局作用域和局部作用域；在java中作用域就是一个{}花括符是块级作用域，而javaScript没有块级作用域，只有函数级作用域。

局部作用域定义全局作用域相同的名称的变量。

    <script>
        var flag="外面"; //全局作用域
        function t(){
            console.log(flag);  //打印: undefined
            var flag="里面"     //局部作用域
            console.log(flag);  //打印: 里面
        }
        t();
    </script>

上面为什么第一个console没有打印”外面”而是”undefined”？因为在函数t()中定义了 var flag=”里面”虽然定义在第一个console下面但是该方法在编译的时候回将t()函数编译为:

    <script>
        var flag="外面";
        function t(){
            var flag;   //这里flag变量在最上面定义了。
            console.log(flag);
            flag="里面"  //在这里其实是赋值的操作。
            console.log(flag);
        }
        t();
    </script>

看到这里就明了了，其实第一个console打印的是刚定义的flag所以是undefined。
解决办法：在函数中局部变量定义的最好放在该函数的顶端也就是函数开始的时候。

全局变量的污染

    <script>
        var flag="外面";//全局变量
        function t(){
             flag="里面";  //在函数中污染全局变量
        }
        t();
       !function (){
           console.log(flag); //打印"里面"
        }();
    </script>

这里打印的为什么是”里面呢”？因为t()函数将flag全局变量污染了，javascript中没有用var声明的变量都是全局变量，而且是顶层对象的。因为函数t()中没有加var 来定义局部变量flag导致全部变量flag就被”里面”赋值了。
解决办法：在方法中局部变量申明一定要记得加上var不然将会变为申请全局变量，导致变量污染。