今天在給元素注冊事件的時候，使用addEventListener遇到了一個問題，這個好像之前也遇到過，覺得有必要總結(jié)一下，就是js函數(shù)作為參數(shù)引發(fā)的問題。首先看以下代碼，覺得下面代碼有問題嗎？是否能達(dá)到點擊id3對應(yīng)的元素后，彈出id3呢？

例1

var obj3=document.getElementById('id3'); obj3.addEventListener('click',curClick('id1'),true); function curClick(id){     alert(id); } 

答案是否定，不能達(dá)到我想要的效果，因為這行代碼在頁面加載完成時候，就會彈出id3。當(dāng)我單擊id3對應(yīng)的元素時候，頁面沒有任何反應(yīng)。

于是我將代碼改為如下兩種情況：

例2

var obj3=document.getElementById('id3');   obj3.addEventListener('click',function(e){curClick('id3');stopPropagation(e)},true);    function curClick(id){     alert(id);   } 

例3

var obj1=document.getElementById('id1');  obj1.addEventListener('click',curClick1,true); function curClick1(){  alert('okey'); } 

這次執(zhí)行正常了，這是為什么呢？

因為在JS世界里curClick('id3')就是直接調(diào)用curClick('id3')，而非將其作為一個參數(shù)來傳遞，如果要將其作為一個參數(shù)來傳遞，如果不需要傳遞參數(shù)，直接傳遞函數(shù)名就可，如果需要傳遞參數(shù)，有兩種解決辦法

方法一：借助匿名函數(shù)，將要傳遞的函數(shù)，放在匿名函數(shù)中，將匿名函數(shù)作為參數(shù)如例2

eg：將function(){myfunction(val1,val2,......);}作為參數(shù)傳遞。

第二：改寫需要傳遞函數(shù)

function curClick1(val){ <span style="white-space:pre">  </span>return function(){     alert(val);   }; } 

以上這篇JS中把函數(shù)作為另一函數(shù)的參數(shù)傳遞方法(總結(jié))就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。