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程序设计有所帮助。