JS代码执行顺序

JavaScript执行引擎并非一行一行地分析和执行程序，而是一段一段地分析执行的。而且在分析执行同一段代码中，定义式的函数语句会被提取出来优先执行。函数定义执行完后，才会按顺序执行其他代码。

先看看两个例子：

例子1：

var hello = function(){

alert('hello,zhangsan');

}

hello();//第一次调用，输出“hello,zhangsan”

var hello = function(){

alert('hello,lisi');

}

hello();//第二次调用，输出“hello,lisi”

例子2：

function hello(){

alert(‘hello,zhangsan’);

}

hello();//第一次调用，猜猜输出什么内容？

function hello(){

alert(‘hello,lisi’);

}

hello();//第二次调用，猜猜输出什么内容？

在例子2中，两次调用都会输出相同的内容“hello,lisi”。同样是声明两个相同名称的函数，为什么调用的结果却不一样呢？

这 就是JavaScript执行顺序导致的。JavaScript执行引擎并非一行一行地分析和执行程序，而是一段一段地分析执行的。而且在分析执行同一段 代码中，定义式的函数语句会被提取出来优先执行。函数定义执行完后，才会按顺序执行其他代码。也就是说，在第一次调用hello函数之前，第一个函数语句 定义的代码已经被第二个函数定义语句的代码覆盖了，这就是为什么在例子2中第一次调用hallo时，也会输出后面定义的函数内容的原因了。

再例如：

var t = 1;
function con(){
    console.log(t);
    var t = 2;
    console.log(t);
}
con();

输出结果为：undefined和2
由此可见，执行函数过程中，先初始化t变量，并未赋值，此时为undefined，直至var t = 2时才赋值为2，所以第二个输出是2

转载请注明：http://www.tea119.com