javascript中函数作为参数调用的方法
更新时间：2015年02月09日 11:11:23 作者：wang645372816
这篇文章主要介绍了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详解类数组与可迭代对象的实现原理，ES6中引入了迭代器与可迭代对象的概念，并且提供了对可迭代对象的相关支持，如for...of循环，Map(iterable)构造器，展开语法...等。让我们对数组外的数据集合的遍历操作也得到极大简化2022-06-06
本篇文章主要介绍了使用JS在浏览器中判断当前网络状态的几种方法，非常具有实用价值，需要的朋友可以参考下2017-05-05
javascript 获取多条数据(模拟ajax获取数据),这样的好处不用额外的ajax读取链接，减轻服务器负担。2009-06-06
这篇文章主要为大家介绍了webpack自定义loader全面详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
这篇文章主要为大家详细介绍了JS实现一个简易计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要介绍了JS打字效果的动态菜单，推荐给大家，有需要的小伙伴可以参考下。2015-08-08
js-FCC算法-No repeats please字符串的全排列(详解)
下面小编就为大家带来一篇js-FCC算法-No repeats please字符串的全排列(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
本篇文章主要介绍了JS传参及动态修改页面布局的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
这篇文章主要给大家介绍了关于js跳转到指定url的方法与实际使用的相关资料,要实现JavaScript跳转到指定URL,可以使用window.location对象来实现,需要的朋友可以参考下2023-09-09
在日常开发过程中，你可能会遇到并发控制的场景，比如控制请求并发数。那么在 JavaScript 中如何实现并发控制呢？在回答这个问题之前，我们来简单介绍一下并发控制。2021-05-05
最新评论