DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中函數作為參數調用的方法
javascript中函數作為參數調用的方法
編輯:關於JavaScript     

本文實例講述了javascript中函數作為參數調用的方法。分享給大家供大家參考。具體分析如下:

先來看示例:

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);
});

這段代碼執行的順序是:從上往下順序解釋執行,這是JS的規定。
這裡主要說明一下m.eachMap()中函數做為參數是怎麼傳遞並執行的:

step1:執行到m.eachMap這個方法的時候,JS會去找對應的this.eachMap這個方法;
step2:找到this.eachMap這個方法,會根據函數體內的語句順序執行;
step3:當執行到fn(attr, obj[attr]);的時候,他會返回到for語句執行;注意在返回for語句執行之前,attr是沒有值的;從for語句返回之後,attr的值就有了,為‘01',而obj[attr]的值也有了,為‘abc';
step4:接著,fn(attr, obj[attr]);會返回到m.eachMap這個方法的參數函數中,即

function(key, value){
alert(key + " : " + value);
}

attr替換key,obj[attr]替換value,並執行alert語句,輸出。

step5:繼續執行for循環,重復執行step4,並輸出,直到結束。

希望本文所述對大家的javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved