JS代码执行顺序
发布日期:2021-05-24 08:51:08 浏览次数:11 分类:精选文章

本文共 785 字,大约阅读时间需要 2 分钟。

JavaScript是以段落为单位分析和执行程序的,而不是严格的一行一行执行。特别是当分析同一段代码时,定义式的函数语句会被提取出来优先执行,完成之后才会继续执行其他代码。这种特性决定了代码的执行顺序和结果。

举个例子来说明:

假设我们在同一段代码中定义了两个函数:

const hello = function(){alert('hello,zhangsan');};hello(); //第一次调用,输出"hello,zhangsan"

var hello = function(){alert('hello,lisi');};hello(); //第二次调用,输出"hello,lisi"

这里的结果是每次调用都会输出"hello,lisi",这是怎么回事呢?因为我们在第一次调用之前就已经定义了第二个函数。

另一个例子来说明:

function hello(){alert('hello,zhangsan');}

hello(); //第一次调用,输出"hello,zhangsan"

function hello(){alert('hello,lisi');}

hello(); //第二次调用,输出"hello,lisi"

你发现调用的结果是一样的,也是"hello,lisi"。这是因为在第一次调用函数之前,第二个函数已经被定义并占用了名称空间。函数定义会影响最终的执行结果。

关于变量初始化的问题:

变量t = 1;

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

输出结果会是undefined和2。这是因为在函数执行过程中,变量t的初始值是undefined,只有在变量被重复赋值t = 2之后,t才被赋值为2。因此,无论函数在哪个阶段调用,它都会根据当前的变量值输出。

上一篇:JavaScript中onload和unload用法
下一篇:控制在input的text里输入的值只能是数字

发表评论

最新留言

表示我来过!
[***.240.166.169]2025年04月17日 06时00分45秒