JavaScript 同名函数与变量覆盖规则解析

同名函数与变量的覆盖行为

经过实际测试，在未构成闭包结构的前提下，如果在同一个文件或不同的 JavaScript 文件中定义同名函数，调用该函数时将执行最后被定义的那个函数。即便采用特定的书写方式，最终结果依然会执行后定义的函数，例如弹出数值 2。

<script type="text/javascript">
 function t(){
   alert(1);
 }
 
 t();
 
 function t(){
   alert(2);
 }
</script>

此外，对于已定义的变量以及 CSS 样式的处理，同样遵循“后者优先”的原则，即后面的定义会覆盖前面的定义。

然而，针对函数类型的测试显示，若采用特定的混合定义方式，程序却会执行先定义的函数直接量，导致弹出数值 1。关于这一现象的具体成因，目前尚不明确。

<script type="text/javascript">
 var t = function(){
   alert(1);
 }
 
 function t(){
   alert(2);
 }

 t();
</script>

以上关于 JavaScript 中同名函数和变量执行问题的分析即为全部内容，旨在为读者提供参考。欢迎大家继续支持本站，获取更多技术分享。