浅析js解析顺序

==========================================先看第一部分比较======================================

 

1. <SCRIPT LANGUAGE="JavaScript">
2. <!--
3.     /***************************
4.      *
5.      *      JS的解释顺序
6.      *
7.      ***************************/
10.      //首先看第一段代码
12.      var myfunc = function(){
13.         alert("hello");
14.      };
16.      myfunc();// 第一次调用myfunc，输出hello
18.      myfunc = function(){    
19.         alert("yeah");
20.      };
21.      myfunc();// 第二次调用myfunc，输出yeah
22. //-->
23. </SCRIPT>

 

==========================================再看第二部分比较======================================

1. <SCRIPT LANGUAGE="JavaScript">
2. <!--
3.     /***************************
4.      *
5.      *      JS的解释顺序
6.      *
7.      ***************************/
10.      //首先看第一段代码
12.      function myfun(){
13.         alert("hello");
14.      };
16.      myfun(); // 竟然输出yeah
18.      function myfun(){
19.         alert("yeah");
20.      };
22.      myfun(); // yeah
23. //-->
24. </SCRIPT>

 

==========================================再看第三部分比较======================================

1. <script>
2.      //首先看第一段代码
4.      function myfun(){
5.         alert("hello");
6.      };
8.      myfun(); // hello
9. </script>
11. <script>
13.      function myfun(){
14.         alert("yeah");
15.      };
17.      myfun(); // yeah
19. </script>

 

通过这3部分区别的比较可以得出结论：

 

       原来JS引擎并非一行行去分析和执行程序，而是一段一段的执行(如3),而且在同一段程序的分析执行中，定义式的函数语句会被优先执行。函数定义执行完以后才会按顺序执行其他语句代码，所以(如2)的原因是第一个函数的语句定义被第二个函数覆盖了。所以两次都是执行最后一个函数逻辑了。