javascript中函數(shù)作為參數(shù)調(diào)用的方法
本文實例講述了javascript中函數(shù)作為參數(shù)調(diào)用的方法。分享給大家供大家參考。具體分析如下：
先來看示例：
function Map(){
var obj = {};
this.put = function(key, value){
obj[key] = value;
}
this.eachMap = function(fn){
for(var attr in obj){
fn(attr, obj[attr]);
}
}
}
var m = new Map();
m.put('01', 'abc');
m.put('02', 1024);
m.put('03', true);
m.put('04', 0);
m.put('05', false);
m.eachMap(function(key, value){
alert(key + " : " + value);
});
這段代碼執(zhí)行的順序是：從上往下順序解釋執(zhí)行，這是JS的規(guī)定。
這里主要說明一下m.eachMap()中函數(shù)做為參數(shù)是怎么傳遞并執(zhí)行的：
step1：執(zhí)行到m.eachMap這個方法的時候，JS會去找對應(yīng)的this.eachMap這個方法；
step2：找到this.eachMap這個方法，會根據(jù)函數(shù)體內(nèi)的語句順序執(zhí)行；
step3：當(dāng)執(zhí)行到fn(attr, obj[attr]);的時候，他會返回到for語句執(zhí)行；注意在返回for語句執(zhí)行之前，attr是沒有值的；從for語句返回之后，attr的值就有了，為‘01'，而obj[attr]的值也有了，為‘a(chǎn)bc'；
step4：接著，fn(attr, obj[attr]);會返回到m.eachMap這個方法的參數(shù)函數(shù)中，即
function(key, value){
alert(key + " : " + value);
}
attr替換key，obj[attr]替換value，并執(zhí)行alert語句，輸出。
step5：繼續(xù)執(zhí)行for循環(huán)，重復(fù)執(zhí)行step4，并輸出，直到結(jié)束。
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
JavaScript詳解類數(shù)組與可迭代對象的實現(xiàn)原理
這篇文章主要介紹了JavaScript詳解類數(shù)組與可迭代對象的實現(xiàn)原理，ES6中引入了迭代器與可迭代對象的概念，并且提供了對可迭代對象的相關(guān)支持，如for...of循環(huán)，Map(iterable)構(gòu)造器，展開語法...等。讓我們對數(shù)組外的數(shù)據(jù)集合的遍歷操作也得到極大簡化2022-06-06
使用JS在瀏覽器中判斷當(dāng)前網(wǎng)絡(luò)連接狀態(tài)的幾種方法
本篇文章主要介紹了使用JS在瀏覽器中判斷當(dāng)前網(wǎng)絡(luò)狀態(tài)的幾種方法，非常具有實用價值，需要的朋友可以參考下2017-05-05
javascript 獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù))
javascript 獲取多條數(shù)據(jù)(模擬ajax獲取數(shù)據(jù)),這樣的好處不用額外的ajax讀取鏈接，減輕服務(wù)器負(fù)擔(dān)。2009-06-06
這篇文章主要為大家介紹了webpack自定義loader全面詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-01-01
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)一個簡易計算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章主要介紹了JS打字效果的動態(tài)菜單，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
js-FCC算法-No repeats please字符串的全排列(詳解)
下面小編就為大家?guī)硪黄猨s-FCC算法-No repeats please字符串的全排列(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-05-05
本篇文章主要介紹了JS傳參及動態(tài)修改頁面布局的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要給大家介紹了關(guān)于js跳轉(zhuǎn)到指定url的方法與實際使用的相關(guān)資料,要實現(xiàn)JavaScript跳轉(zhuǎn)到指定URL,可以使用window.location對象來實現(xiàn),需要的朋友可以參考下2023-09-09
JavaScript 中如何實現(xiàn)并發(fā)控制
在日常開發(fā)過程中，你可能會遇到并發(fā)控制的場景，比如控制請求并發(fā)數(shù)。那么在 JavaScript 中如何實現(xiàn)并發(fā)控制呢？在回答這個問題之前，我們來簡單介紹一下并發(fā)控制。2021-05-05