Function深入解析一

引入问题

问题一

<script>
        function fn(){
            console.log(111);
            }
            var a=function(){
                console.log(222);
            }
            fn();
            a();
</script>

这里在控制台会输出111，222，这里第一个是function关键字加函数名定义的函数，第二个是定义一个变量再把一个函数赋值给这个变量。
请看下面一种情况

<script>
            fn();
            a();
            function fn(){
                console.log(111);
            }
            var a=function(){
                console.log(222);
            }

    </script>

结果控制台输出111，和报错信息： a is not a function

解析问题一

首先我们来了解javascript的代码运行阶段

1. 预解析阶段
   在预解析阶段，会把函数的定义和变量的定义提前，但是对于变量的提前，仅仅是变量的提前，而赋值是不被提前的。所以第二种方式的函数不能先调用定义。
   所以，上面错误的代码，其和下面的这种代码是同一个执行顺序

        <script>
            function fn(){
                console.log(111);
            }
            var a;
            var b;
            这上面就是我们看不到的被串改后的代码提前后的代码顺序

----------      
            fn();
            a();
            function fn(){
                console.log(111);
            }
            var a=function(){
                console.log(222);
            }
            var b="111";

        </script>

2.执行阶段
按照代码的逻辑从上到下执行，但是也有例外。如一下函数是不符合这个规律的。
setTimeout，setInterval，ajax中的回调函数，需要出发执行的函数。

问题二

        <script>
            var a=function(){
                console.log("qqq");
            }
            function fn(callback){
                callback();
            }
            fn(a);
        </script>

解析问题二

定义变量设置的函数可以当成参数进行传递，并且可以在被传的函数里面进行调用。即一个函数可以成为另一个函数的参数进行调用，并且在另一个函数中进行执行。函数的参数可以是一个函数，并且这个函数可以直接调用。

问题三

关于函数闭包

        <script>
            function fn4(){
                var n=1;
                var fn2=function(){
                    n++;
                console.log(n);
                }
                return fn2;
            }
            var fn1=fn4();
            fn1();  //2
            fn1();  //3
            fn1();  //4
            fn1();  //5
            fn1();  //6
        </script>

为什么2，会变成3，变成4，变成5。。。。？

解决问题三

解析：js中重要的一个概念 闭包
闭包会保存函数内部的作用域，fn4这个函数的内部是私有空间。
还有就是通过这个案例我们可以看出，函数可以可以作为返回值，函数的嵌套形成闭包。