javascript - 若干个同名方法同时存在也可以被执行是什么原因?
本文介绍了javascript - 若干个同名方法同时存在也可以被执行是什么原因?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
<div onclick="test({i});">test {i}</div>
<script>
function test(i) {
alert(i);
}
将以上代码循环到页面上显示,如:
<?php for($i=0; $i<10; $i++): ?>
...上面那段代码...
<?php endfor; ?>
感到有些意外,这时页面上已经同时存在10个相同的test方法了,当点击某个div时,居然会执行对应的test方法,而且都正确地把i给打印出来了,有大神深究过为什么吗?
解决方案
每一次for循环打印一个同名的js方法,就会重写一次,所以以最后一次为准.
如:
function test(){
alert(1);
}
function test(){
alert(2);
}
这时候会执行后一个test(),alert(2),第一个就会被覆盖,所以你的代码中test()执行的是最后一次重写的test().
而你for循环的变量i每次循环都是不一样的,执行的结果就是test(i),即alert(i).
注意:在javascript中如果定义了2个或2个以上的相同名字的函数,则只有最后定义的函数才有效。
这篇关于javascript - 若干个同名方法同时存在也可以被执行是什么原因?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文