若干个同名方法同时存在也可以被执行是什么原因？

Question

<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给打印出来了，有大神深究过为什么吗？

Answer 1

每一次for循环打印一个同名的js方法,就会重写一次,所以以最后一次为准.

如:

function test(){
    alert(1);
}
function test(){
    alert(2);
}

这时候会执行后一个test(),alert(2),第一个就会被覆盖,所以你的代码中test()执行的是最后一次重写的test().
而你for循环的变量i每次循环都是不一样的,执行的结果就是test(i),即alert(i).

注意:在javascript中如果定义了2个或2个以上的相同名字的函数，则只有最后定义的函数才有效。

Answer 2

test函数是相同的，但你绑定的onclick事件处理函数传入的参数i是不同的啊

Answer 3

就是一直调用一个方法而已阿。