javascript运行过程中的“预编译阶段”和“执行阶段”

javascript相对于其它语言来说是一种弱类型的语言，在其它如java语言中，程序的执行需要有编译的阶段

而在javascript中也有类似的“预编译阶段”（javascript的预编译是以代码块为范围<script></script>，即每遇到一个代码块都会进行  预编译>执行），

了解javascript引擎的执行机理，将有助于在写js代码过程中的思路总结

首先科普下javascript中的两种声明方式，var和function，前者声明的是变量，后者声明的是方法

在预编译中，javascript对这两种声明做出了两种处理方案

<script>

　　var a = "1";　　　　//声明变量a

   function b(){　　　　//声明方法b
      　　alert();
　　}
　　var c = function(){    //声明变量c
　　　　alert();
　　}

</script>

 

以上代码块中，a、c为变量赋值，b为函数声明，当执行以上的代码时，

首先会进入预编译阶段，

对与变量赋值a、c会在内存中开辟一块内存空间并指向变量名，且赋值为undefined

对于函数声明，则同样会进行开辟内存空间，但此时会直接将函数体进行处理，即用函数声明方式，则在预编译阶段便已完成了函数的创建工作

预编译阶段：（PS：不管代码中声明变量和声明函数的顺序如何，在预编译阶段会先声明变量，再声明函数）

<script>
　　　　var a = undefined;
　　　　var c = undefined;
　　　　

　　　　var b = function(){
　　　　　　alert();
　　　　}

</script>

 

执行阶段：

<script>
　　　　a = "1";
　　　　c = function(){
　　　　　　alert();
　　　　}
</script>

 

整体执行步骤：

<script>
　　　　var a = undefined;
　　　　var c = undefined;
　　　　
　　　　var b = function(){
　　　　　　alert();
　　　　}
　　　　a = "1";
　　　　c = function(){
　　　　　　alert();
　　　　}
</script>

题目：

<script>

　　　　var a = "1";

　　　　function b(){

　　　　　　alert(a);

　　　　　　var a = "2";

　　　　}

　　　　b();

</script>

PS：相对与window环境下的变量、函数声明，每一个作用域都会对其下的变量和函数进行先声明

<script>      
　　functionHello() {        
　　　　alert("Hello");       
　　}        
　　Hello();  
</script>   
<script>   
　　functionHello() {          
　　　　alert("Hello World");     
　　}       
　　Hello();  
</script>

<script>   

　　function Hello() {        
　　　　alert("Hello");       
　　}        
　　Hello(); 

　　function Hello() {          
　　　　alert("Hello World");     
　　}       
　　Hello();  
</script>

 

博客：http://www.cnblogs.com/alex-web/

注：小疯纸的yy