JS中把函數(shù)作為另一函數(shù)的參數(shù)傳遞方法(總結(jié))
今天在給元素注冊事件的時(shí)候,使用addEventListener遇到了一個(gè)問題,這個(gè)好像之前也遇到過,覺得有必要總結(jié)一下,就是js函數(shù)作為參數(shù)引發(fā)的問題。首先看以下代碼,覺得下面代碼有問題嗎?是否能達(dá)到點(diǎn)擊id3對(duì)應(yīng)的元素后,彈出id3呢?
例1
var obj3=document.getElementById('id3'); obj3.addEventListener('click',curClick('id1'),true); function curClick(id){ alert(id); }
答案是否定,不能達(dá)到我想要的效果,因?yàn)檫@行代碼在頁面加載完成時(shí)候,就會(huì)彈出id3。當(dāng)我單擊id3對(duì)應(yīng)的元素時(shí)候,頁面沒有任何反應(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í)行正常了,這是為什么呢?
因?yàn)樵贘S世界里curClick('id3')就是直接調(diào)用curClick('id3'),而非將其作為一個(gè)參數(shù)來傳遞,如果要將其作為一個(gè)參數(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)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- JavaScript函數(shù)的調(diào)用以及參數(shù)傳遞
- javascript自定義函數(shù)參數(shù)傳遞為字符串格式
- JavaScript函數(shù)參數(shù)的傳遞方式詳解
- js的函數(shù)的按值傳遞參數(shù)(實(shí)例講解)
- javascript arguments 傳遞給函數(shù)的隱含參數(shù)
- JS函數(shù)動(dòng)態(tài)傳遞參數(shù)的方法分析【基于arguments對(duì)象】
- 通過實(shí)例了解js函數(shù)中參數(shù)的傳遞
- 淺談JavaScript 函數(shù)參數(shù)傳遞到底是值傳遞還是引用傳遞
- javascript函數(shù)中參數(shù)傳遞問題示例探討
- js中對(duì)函數(shù)設(shè)置默認(rèn)參數(shù)值的3種方法
- 深入理解JavaScript函數(shù)參數(shù)(推薦)
- JS函數(shù)參數(shù)的傳遞與同名參數(shù)實(shí)例分析
相關(guān)文章
MutationObserver監(jiān)視對(duì)DOM?樹所做更改的功能妙用
這篇文章主要為大家介紹了MutationObserver監(jiān)視對(duì)DOM?樹所做更改的功能妙用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-03-03解決火狐瀏覽器下JS setTimeout函數(shù)不兼容失效不執(zhí)行的方法
今天檢查自己用JQuery+AJAX+PHP做的網(wǎng)站后臺(tái)登錄檢測,愛其他瀏覽器中兼容性還不錯(cuò) 結(jié)果到了火狐(FireFox)瀏覽器下setTimeout這個(gè)JS內(nèi)置函數(shù)不執(zhí)行了,本文將提供詳細(xì)的解決方法2012-11-11微信小程序點(diǎn)餐系統(tǒng)開發(fā)常見問題匯總
這篇文章主要介紹了微信小程序點(diǎn)餐系統(tǒng)開發(fā)常見問題匯總,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08JavaScript 在各個(gè)瀏覽器中執(zhí)行的耐性
經(jīng)常會(huì)遇到這樣一個(gè)情況:瀏覽器彈出對(duì)話框,提示腳本運(yùn)行時(shí)間過長,詢問“停止”還是“繼續(xù)”。那究竟各個(gè)瀏覽器是如何判斷在什么時(shí)候才彈出此對(duì)話框呢?2009-04-04JavaScript實(shí)現(xiàn)購物車基本功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)購物車的基本功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07js中settimeout方法加參數(shù)的使用實(shí)例
這篇文章主要介紹了js中settimeout方法加參數(shù)的使用,需要的朋友可以參考下2014-02-02element-ui組件輸入框之放大鏡搜索圖標(biāo)問題
這篇文章主要介紹了element-ui組件輸入框之放大鏡(搜索圖標(biāo))的相關(guān)知識(shí),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-11-11js利用FileReader實(shí)現(xiàn)圖片轉(zhuǎn)base64格式并上傳預(yù)覽頭像
本文主要介紹了js利用FileReader實(shí)現(xiàn)圖片轉(zhuǎn)base64格式并上傳預(yù)覽頭像,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05