js解析顺序

浅析js解析顺序收藏

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



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



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

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



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



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