如何在eventListener中使用父函数中的参数？

在eventListener中使用父函数中的参数，可以通过以下几种方式实现：

使用闭包：在父函数中定义一个内部函数，并将父函数中的参数作为内部函数的参数传入。然后将内部函数作为事件监听器传递给eventListener。这样内部函数就可以访问和使用父函数中的参数。

示例代码：

function parentFunction(param) {
  function eventHandler() {
    // 在这里可以使用父函数中的参数param
    console.log(param);
  }

  // 将eventHandler作为事件监听器传递给eventListener
  document.addEventListener('click', eventHandler);
}

// 调用父函数，并传入参数
parentFunction('Hello World');

使用bind方法：使用bind方法可以创建一个新的函数，并将父函数中的参数绑定到新函数中。然后将新函数作为事件监听器传递给eventListener。这样新函数就可以访问和使用父函数中的参数。

示例代码：

function parentFunction(param) {
  function eventHandler() {
    // 在这里可以使用父函数中的参数param
    console.log(param);
  }

  // 使用bind方法创建一个新的函数，并将参数绑定到新函数中
  var boundEventHandler = eventHandler.bind(null, param);

  // 将boundEventHandler作为事件监听器传递给eventListener
  document.addEventListener('click', boundEventHandler);
}

// 调用父函数，并传入参数
parentFunction('Hello World');

使用箭头函数：箭头函数可以继承父函数中的上下文，包括参数。在父函数中定义一个箭头函数，并将箭头函数作为事件监听器传递给eventListener。这样箭头函数就可以访问和使用父函数中的参数。

示例代码：

function parentFunction(param) {
  // 使用箭头函数作为事件监听器
  var eventHandler = () => {
    // 在这里可以使用父函数中的参数param
    console.log(param);
  };

  // 将eventHandler作为事件监听器传递给eventListener
  document.addEventListener('click', eventHandler);
}

// 调用父函数，并传入参数
parentFunction('Hello World');

以上是在eventListener中使用父函数中的参数的几种常见方法。根据具体情况选择适合的方式来实现。