对Javascript到底了解多少，一测便知道

Posted 2020-10-24 少侠也在江湖

　　笔者在这里附上一段代码，请读者思考一下程序的运行结果:

        console.log(a);  //???
        a(); 
        var a=3;  
        function a(){
            console.log(10);
        }
        console.log(a);//???
        a=6;                

　　

　　运行结果如下:

 

　　

　　　　 console.log(a);  //输出function a(){}
        a(); 
        var a=3;  
        function a(){
            console.log(10);
        }
        console.log(a);//3
        a=6;

　　　　

   不知道读者有没有猜对呢？哈哈，可能很多读者会认为第一行的console.log(a);会输出undefine ,因为大家都知道变量提升与函数提升，而javascript编译器执行代码也是逐行执

行，当js文件首先加载到内存时，编译器便会对代码执行预编译，将代码中的var 声明与function声明提升到头部，再一行行的去执行代码，那这样的逻辑的话，可能读者会想，既然

变量提升，上面的代码在预编译期间应该首先会提升var a,再提升function a(){}, 等执行console.log(a)的时候，自然输出undefine，没有被定义才对啊。

    这里向读者强调一下一个容易被忽视的小问题。，虽然JS预编译期间会对var 和 函数声明提升，但是函数声明提升是优先于变量提升的（也适用于函数字面量声明的情况，这

里不做演示），所以应该是先提升function a(){}.再提升var a，所以第一行输出了function a(){},有没有一种恍然大悟呢？哈哈。

　而console.log(a);这一行为什么输出3而不是6或者function a(){} 呢，我们再回忆一下JS已经将function a(){} 与var a 提升到了头部，首先分析末尾的代码a=6；这行代码编译器

并没有执行到这一行，所以忽略，现在就是纠结到底是3还是function a(){}，，而输出结果却告诉我们是3,至于已经声明过的function a(){}，去哪里了呢。

　这里为读者解析一下程序的运行状态，在我们预编译阶段function a(){}和var a已经存在于内存中，只是这时var a并没有被赋值，而接下来执行了a()，这里我们要强调一下，

每种语言都有垃圾回收机制，程序中已经用过的函数，当他执行完毕后，便会被当做垃圾回收掉，而a()执行完后 ，便会被回收，而内存里面只剩下了var a; 接下来再执行下一

句var a=3;所以末尾的console.log(a);便输出了3 而不是function a(){}。

 

　　　总结:第一、JS预编译阶段函数声明提升优先于变量提升，第二、当函数被使用后，便会被垃圾回收。