如何将参数传递给事件处理程序或回调？

事件处理程序和回调函数通常需要访问特定的参数，这些参数来自于用户或应用程序的其他部分。在JavaScript中，可以使用不同的方法将参数传递给事件处理程序或回调函数。

1. 使用函数绑定

使用 Function.prototype.bind() 方法，可以将一个函数绑定到另一个对象并调用该函数，同时传递一组参数。例如：

function handleClick(param1, param2) {
  // 处理点击事件
};

var button = document.querySelector('#my-button');
button.addEventListener('click', handleClick.bind(null, 'foo', 'bar'));

在上面的示例中，通过调用 handleClick.bind(null, 'foo', 'bar')，将函数 handleClick 绑定到按钮元素上，并传递两个参数。当点击按钮时，事件处理程序将自动调用，并传递这两个参数。

2. 使用闭包

使用闭包，在函数内部引用特定的参数。例如：

function createButtonClickHandler(param1, param2) {
  return function(event) {
    // 处理点击事件，并访问 param1 和 param2
  };
};

var button = document.querySelector('#my-button');
button.addEventListener('click', createButtonClickHandler('foo', 'bar'));

在上面的示例中，创建一个函数 createButtonClickHandler，返回另一个函数，该函数可以访问传递的参数 param1 和 param2。当点击按钮时，事件处理程序将调用 createButtonClickHandler 返回的函数，并传递事件对象。

3. 使用自定义事件

使用 CustomEvent，可以创建自定义事件并传递一组参数。例如：

function handleClick(event) {
  var customEvent = new CustomEvent('my-event', { detail: { param1: 'foo', param2: 'bar' } });
  document.dispatchEvent(customEvent);
};

document.addEventListener('my-event', function(event) {
  // 处理自定义事件，并访问 event.detail.param1 和 event.detail.param2
});

var button = document.querySelector('#my-button');
button.addEventListener('click', handleClick);

在上面的示例中，点击按钮时，事件处理程序 handleClick 会创建一个名为 my-event 的自定义事件，并附加一个包含参数 param1 和 param2 的 detail 对象。然后通过 document.dispatchEvent(customEvent) 触发事件，并传递这些参数。最后另外一个事件处理程序通过 document.addEventListener('my-event', function (event) {}) 监听事件，并访问参数 event.detail.param1 和 event.detail.param2。

总的来说，JavaScript提供了多种方法来将参数传递给事件处理程序或回调函数。在实际编程中，应该根据具体情况选择合适的方式，同时加以封装和优化，以提高代码的可读性和性能。