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程序设计有所帮助。
相关文章
突然问起我以前的函数，我也会愣一下，心想，真烂！我总是喜欢把最好的东西分享给大家的，以前的大家忘掉吧。2010-03-03
这篇文章主要介绍了TypeScript中的函数，一般JavaScript中的函数定义常用的有使用function关键字声明函数、使用字面量方式声明函数、使用箭头函数声明函数等几种函数，下面我们大家就一起进入文章了解这些函数的具体定义吧,需要的朋友可以参考一下2021-12-12
解决方法就是利用js的escape函数，这个函数在解决中文乱码等方面应用的比较广泛。推荐使用。2009-12-12
这篇文章主要介绍了js实现同一个页面多个渐变效果的方法,涉及javascript操作渐变效果的实现技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
javascript数组对象的slice方法从数组中分离出一个子数组，功能类似于字符串对象的substring方法。今天我们就来详细探讨下javascript的这个不太常用的slice()方法。2015-04-04
这篇文章主要介绍了JavaScript设计模式之工厂模式,结合完整实例形式分析了工厂模式的概念、原理及javascript定义与使用工厂模式的相关操作技巧,需要的朋友可以参考下2018-07-07
这篇文章主要介绍了深入理解Antd-Select组件的用法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
显示/隐藏侧边栏...2006-10-10
利用js的Node遍历找到repeater的一个字段实例介绍
本文教大家使用js的Node遍历找到repeater的一个字段的具体实现思路，感兴趣的朋友可参考下，希望可以帮助到你2013-04-04
uview-plus是uni-app全面兼容nvue的uni-app生态框架,全面的组件和便捷的工具会让您信手拈来,下面这篇文章主要给大家介绍了关于uniapp使用第三方UI库uview-plus的方法,需要的朋友可以参考下2023-04-04
最新评论