JS代码执行顺序

时间:2022-04-11 06:06:50

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 = ;
function con(){
console.log(t);
var t = ;
console.log(t);
}
con();

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

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