博客
关于我
JS代码执行顺序
阅读量:700 次
发布时间:2019-03-21

本文共 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。因此,无论函数在哪个阶段调用,它都会根据当前的变量值输出。

转载地址:http://hndrz.baihongyu.com/

你可能感兴趣的文章
01-webpack5理解及配置
查看>>
webpack的安装和使用
查看>>
Unable to run Intel® HAXM installer: 无法启动过程,工作目录
查看>>
Vue.js学习-15-v-for循环数组内容
查看>>
kafka超时错误或者发送消息失败等错误,排错方式
查看>>
Python3 排序函数问题
查看>>
Windows下配置单机Hadoop环境 pyspark
查看>>
git教程之远程仓库
查看>>
Vue路由跳转如何传递一个对象过去?
查看>>
sockjs-node/info?t=1462183700002 报错解决方案
查看>>
FI 替代相关 OSS Note 要点记录
查看>>
蓝桥杯---试题 算法提高 欧拉函数(数学)
查看>>
【网络加速】TensorRT7-开发指南中文_Plus版【1】
查看>>
SaltStack about The Top File 使用知识介绍
查看>>
AttributeError: ‘list‘ object has no attribute ‘astype‘
查看>>
网络协议和支持(一)、uuid模块
查看>>
numpy.vstack
查看>>
numpy.frombuffer()
查看>>
文件结束符EOF
查看>>
Latex 错误集合
查看>>