码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-02-13 20:59:31      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:blog   使用   span   垃圾回收机制   log   提升   垃圾   逻辑   def   

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

        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预编译阶段函数声明提升优先于变量提升,第二、当函数被使用后,便会被垃圾回收。

 

   

 

    

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

标签:blog   使用   span   垃圾回收机制   log   提升   垃圾   逻辑   def   

原文地址:https://www.cnblogs.com/weshare/p/8447345.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!