在前端开发中，我们经常需要使用 addEventListener 来添加事件监听器。而当我们需要给监听函数传递参数时，该如何操作呢？本文将介绍两种方法。
方法一：使用闭包
使用闭包是最简单也是最常用的方法之一。我们可以定义一个函数，在该函数内部再定义一个含有参数的函数，并返回该函数。这样就创建了一个闭包，使得外部函数可以访问内部函数的参数。
下面是一个例子：
-------- ------------------ -
------ ---------- -
-------------------
-
-
----- --- - -------------------------------------
----------------------------- ------------------- ----------在上面的例子中，我们定义了一个 handleClick 函数，它返回一个新的函数，这个新的函数可以访问 handleClick 函数的参数 param。然后我们将返回的函数作为参数传递给 addEventListener。
当用户点击按钮时，控制台会显示 Hello, world!。
方法二：使用 ES6 箭头函数
ES6 引入了箭头函数，可以更方便地编写匿名函数。使用箭头函数也可以很容易地给监听函数传递参数。
下面是一个例子：
----- --- - ------------------------------------- ----------------------------- -- -- - ----- ----- - ------- -------- ------------------- --- -------- ------------------ - ------------------- -
在上面的例子中，我们使用箭头函数作为参数传递给 addEventListener。当用户点击按钮时，箭头函数内部定义了变量 param，并将其传递给 handleClick 函数。
总结
以上是两种给监听函数传递参数的方法：使用闭包和使用 ES6 箭头函数。这些方法都可以很容易地实现，并且可以使代码更加可读和易于维护。
在实际开发中，我们可以根据具体情况选择不同的方法。如果需要多次调用相同的监听函数，并且每次调用需要传递不同的参数，那么使用闭包会更加方便。而如果只需要在特定的时间点调用监听函数，并且需要传递一些静态参数，那么使用 ES6 箭头函数则是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27632