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

