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

您可能感兴趣的文章:

• JavaScript函数参数的传递方式详解
• 浅谈JavaScript 函数参数传递到底是值传递还是引用传递
• JS中把函数作为另一函数的参数传递方法(总结)