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

本文旨在详细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); // 这里展示了函数作为参数如何传递并执行的具体步骤

});

```

这段代码中，我们定义了一个名为Map的构造函数，它创建了一个空对象并提供了两个方法：put和eachMap。其中，eachMap方法接受一个函数作为参数，然后遍历对象中的每个属性，执行传入的函数。这是JavaScript中函数作为参数调用的典型应用。

当执行到m.eachMap这个方法时，JavaScript会找到对应的this.eachMap方法并执行。在执行到for循环内部的fn(attr, obj[attr])时，会返回到for语句执行，此时attr和obj[attr]分别代表对象的键和值。然后，这个调用返回到m.eachMap这个方法的参数函数中，即：

```javascript

function(key, value){

alert(key + " : " + value); // 输出键值对

}

```

这里的attr替换key，obj[attr]替换value，并执行alert语句，输出当前遍历到的键值对。这个过程会一直重复，直到遍历完对象的所有属性。这就是函数作为参数传递并在特定上下文中执行的原理。通过这种方式，我们可以实现许多强大的功能，比如对数组进行遍历、过滤、映射等操作。希望本文能对大家的JavaScript编程有所启发和帮助。