javascript的执行顺序/函数声明和函数表达式的区别

本文探讨了JavaScript中函数重复定义的行为特征,解释了为何相同名称的函数定义会被后一个覆盖,以及函数声明与函数表达式的区别。通过具体示例说明了JavaScript执行引擎的工作原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

例子:

function myfunc ()

{
alert(”hello”);
};
myfunc(); //这里调用myfunc,输出yeah而不是hello

function myfunc ()
{
alert(”yeah”);
};
myfunc(); //这里调用myfunc,当然输出yeah

按理说,两个签名(即函数名)完全相同的函数,在其他编程语言中应该是非法的。但在JavaScript中,这没错。不过,程序运行之后却发现一个奇怪的现象:两次调用都只是最后那个函数里输出的值!显然第一个函数没有起到任何作用。这又是为什么呢?

原来,JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。而且,在同一段程序的分析执行中,定义式的函数语句会被提取出来优先执行。函数定义执行完之后,才会按顺序执行其他语句代码。也就是说,在第一次调用myfunc之前,第一个函数语句定义的代码逻辑,已被第二个函数定义语句覆盖了。所以,两次都调用都是执行最后一个函数逻辑了。


如果把这个JavaScript代码分成两段,例如将它们写在一个html中,并用<script/>标签将其分成这样的两块:
<script>
function myfunc ()
{
alert(”hello”);
};
myfunc(); //这里调用myfunc,输出hello
</script>

<script>
function myfunc ()
{
alert(”yeah”);
};
myfunc(); //这里调用myfunc,输出yeah
</script>

这时,输出才是各自按顺序来的,也证明了JavaScript的确是一段段地执行的。


定义函数的两种方式:函数声明和函数表达式的区别

在一段代码中

对于函数声明,解析器会率先读取并且让其在执行任何代码前可用

对于函数表达式,当解析器执行到它所在的代码行时,才会真正被解释执行



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值