Javascript的预编译和执行顺序

在Javascript中，function才是Javascript的第一型。关于Javascript的预编译和执行顺序关系如下所示：

如下面一段代码：

<scripttype="text/javascript">        functionHello() {         alert("Hello");   }        Hello();      functionHello() {   alert("Hello World");    }        Hello();    </script>

上段Javascript执行结果是：Hello World   Hello World。并不是所谓的Hello   Hello World。这是因为Javascript并非完全的按顺序解释执行，而是在解释之前会对Javascript进行一次“预编译”，在预编译的过程中，会把定义的函数优先执行，也会把所有var变量创建，默认值是undefined，以提高程序的执行效率。上一段程序被js引擎预编译为这样的形式：

<scripttype="text/javascript">        varHello = function() {           alert("Hello");        }       Hello = function() {            alert("Hello World");        }      Hello();     Hello();  </script>

为了防止这种情况出现，可以将上面两个函数分别放在两个<script></script>中来进行执行。这样程序被分成了两段，JS引擎也就不会把他们放在一起了。当Javascript引擎解析脚本时，它会在预编译期对所有声明的变量和函数进行处理，其处理如下：

1、在执行前会进行类似“预编译”操作：首先创建一个当前执行环境下的活动对象，并将那些用var申明的变量设置为活动对象的属性，但此时这些变量的赋值都是undefined，并将那些以function定义的函数也添加为活动对象的属性，并且他们的值正是函数的定义。

2、在解释执行阶段，遇到变量需要解析时，会首先从当前执行环境的活动对象中查找，如果没有找到而且该执行环境的拥有者有prototype属性时则会从prototype链中查找，否则将会按照作用域查找。遇到var a=....这样的语句时会给相应的变量进行赋值（注意，变量的赋值是在解释执行阶段完成的，如果在这之前使用变量，它的值会是undefined），所以就会出现当Javascript解释器执行下面脚本时也不会报错。

alert(a);                            // 返回值undefinedvar a =1;alert(a);                            // 返回值1

由于变量声明是在预编译期被处理的，所以在执行期间对于所有代码来说，都是可见的。但是，你也会看到，执行上面代码，提示的值是undefined，而不是1。这是因为，变量初始化过程发生在执行期，而不是预编译期。在执行期，JavaScript解释器是按着代码先后顺序进行解析的，如果在前面代码行中没有为变量赋值，则JavaScript解释器会使用默认值undefined。由于在第二行中为变量a赋值了，所以在第三行代码中会提示变量a的值为1，而不是undefined。

同理，下面示例在函数声明前调用函数也是合法的，并能够被正确解析，所以返回值为1。

f();                                 // 调用函数，返回值1function f(){    alert(1);}

但是，如果按下面方式定义函数，则JavaScript解释器会提示语法错误。

f();                                 // 调用函数，返回语法错误var f = function(){    alert(1);}

这是因为，上面示例中定义的函数仅作为值赋值给变量f，所以在预编译期，JavaScript解释器只能够为声明变量f进行处理，而对于变量f的值，只能等到执行期时按顺序进行赋值，自然就会出现语法错误，提示找不到对象f。