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>