JS中把函數(shù)作為另一函數(shù)的參數(shù)傳遞方法(總結(jié))
今天在給元素注冊事件的時候,使用addEventListener遇到了一個問題,這個好像之前也遇到過,覺得有必要總結(jié)一下,就是js函數(shù)作為參數(shù)引發(fā)的問題。首先看以下代碼,覺得下面代碼有問題嗎?是否能達到點擊id3對應的元素后,彈出id3呢?
例1
var obj3=document.getElementById('id3'); obj3.addEventListener('click',curClick('id1'),true); function curClick(id){ alert(id); }
答案是否定,不能達到我想要的效果,因為這行代碼在頁面加載完成時候,就會彈出id3。當我單擊id3對應的元素時候,頁面沒有任何反應。
于是我將代碼改為如下兩種情況:
例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)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- JavaScript函數(shù)的調(diào)用以及參數(shù)傳遞
- javascript自定義函數(shù)參數(shù)傳遞為字符串格式
- JavaScript函數(shù)參數(shù)的傳遞方式詳解
- js的函數(shù)的按值傳遞參數(shù)(實例講解)
- javascript arguments 傳遞給函數(shù)的隱含參數(shù)
- JS函數(shù)動態(tài)傳遞參數(shù)的方法分析【基于arguments對象】
- 通過實例了解js函數(shù)中參數(shù)的傳遞
- 淺談JavaScript 函數(shù)參數(shù)傳遞到底是值傳遞還是引用傳遞
- javascript函數(shù)中參數(shù)傳遞問題示例探討
- js中對函數(shù)設置默認參數(shù)值的3種方法
- 深入理解JavaScript函數(shù)參數(shù)(推薦)
- JS函數(shù)參數(shù)的傳遞與同名參數(shù)實例分析
相關文章
MutationObserver監(jiān)視對DOM?樹所做更改的功能妙用
這篇文章主要為大家介紹了MutationObserver監(jiān)視對DOM?樹所做更改的功能妙用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-03-03解決火狐瀏覽器下JS setTimeout函數(shù)不兼容失效不執(zhí)行的方法
今天檢查自己用JQuery+AJAX+PHP做的網(wǎng)站后臺登錄檢測,愛其他瀏覽器中兼容性還不錯 結(jié)果到了火狐(FireFox)瀏覽器下setTimeout這個JS內(nèi)置函數(shù)不執(zhí)行了,本文將提供詳細的解決方法2012-11-11js利用FileReader實現(xiàn)圖片轉(zhuǎn)base64格式并上傳預覽頭像
本文主要介紹了js利用FileReader實現(xiàn)圖片轉(zhuǎn)base64格式并上傳預覽頭像,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-05-05