首頁(yè) 猿問(wèn) 若干個(gè)同名方法同時(shí)存在也可以被執(zhí)行...

若干個(gè)同名方法同時(shí)存在也可以被執(zhí)行是什么原因？

JavaScript

qq_遁去的一_1 2018-08-13 11:10:03

<div onclick="test({i});">test {i}</div><script>function test(i) { alert(i); }將以上代碼循環(huán)到頁(yè)面上顯示，如：<?php for($i=0; $i<10; $i++): ?> ...上面那段代碼...<?php endfor; ?>感到有些意外，這時(shí)頁(yè)面上已經(jīng)同時(shí)存在10個(gè)相同的test方法了，當(dāng)點(diǎn)擊某個(gè)div時(shí)，居然會(huì)執(zhí)行對(duì)應(yīng)的test方法，而且都正確地把i給打印出來(lái)了，有大神深究過(guò)為什么嗎？

查看完整描述

1 回答

慕尼黑5688855

TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超2個(gè)贊

每一次for循環(huán)打印一個(gè)同名的js方法,就會(huì)重寫一次,所以以最后一次為準(zhǔn).

如:

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

這時(shí)候會(huì)執(zhí)行后一個(gè)test(),alert(2),第一個(gè)就會(huì)被覆蓋,所以你的代碼中test()執(zhí)行的是最后一次重寫的test().
而你for循環(huán)的變量i每次循環(huán)都是不一樣的,執(zhí)行的結(jié)果就是test(i),即alert(i).

注意:在javascript中如果定義了2個(gè)或2個(gè)以上的相同名字的函數(shù)，則只有最后定義的函數(shù)才有效。

反對(duì) 回復(fù) 2018-09-17