JS中把函数作为另一函数的参数传递方法(总结)

在JavaScript的世界里，函数作为参数传递是一种常见且强大的编程技巧。最近，狼蚁网站SEO优化的一篇关于此主题的文章引起了长沙网络推广的注意。今天，我将以生动的文体，为大家深入这篇文章的内容，并分享一些自己的看法。

让我们回顾一下文章中的第一个例子：

```javascript

var obj3 = document.getElementById('id3');

obj3.addEventListener('click', curClick('id1'), true);

function curClick(id) {

alert(id);

}

```

这个例子中，`curClick('id1')`会在页面加载时立即执行，而不是在点击事件触发时执行。当你点击元素时，页面没有响应。这是因为你在addEventListener中直接调用了函数`curClick('id1')`，而非将其作为参数传递。函数的调用和参数的传递是有区别的。当你调用函数时，函数会立即执行并返回结果；而当你将函数作为参数传递时，函数本身会被传递，而不是它的结果。直接在addEventListener中调用函数是不正确的。

方法一：借助匿名函数来传递函数作为参数。例如：

```javascript

obj3.addEventListener('click', function(e){curClick('id3');}, true);

```

在这个例子中，我们创建了一个匿名函数来包裹`curClick('id3')`。这样，当点击事件触发时，匿名函数会被执行，进而调用`curClick('id3')`。这样，我们就能达到预期的效果。

```javascript

function curClick1(val) {

return function() {

alert(val);

};

}

```