当前位置：首页 > 资讯 > 技术文档

javascript中函数作为参数调用的方法

时间：2020-07-07 18:08 编辑：来源：阅读：
扫一扫，手机访问

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

全部评论(0)

上一篇：类似框架的js代码
下一篇：浅谈JavaScript 函数参数传递到底是值传递还是引用传递

资讯排行榜
更多>>