使用传递参数的函数删除 foreach 中的事件侦听器

如何解决使用传递参数的函数删除 foreach 中的事件侦听器

我需要删除多个事件侦听器（通过调用方法destroy），但要做到这一点，我必须拥有external 函数。问题是这个函数必须传递 2 个参数（e 和 item），我得到这个错误：

未捕获的引用错误：项目未定义
在 HTMLButtonElement.Accordion.clickHandler

因为，我认为 item 变量尚不存在（因为它将由 forEach 传递）。

这是我的代码：

export default class Accordion {

  constructor(el) {
    this.accordion = el;
    this.items = el.querySelectorAll('.accordion__item');

    // Specify a *unique* function for add and remove the event.
    this.clickHandler = (e) => this.onClickBtn(e,item);

    // Create click events
    this.bindEvents();
  }

  bindEvents() {
    // Create a click event for each item
    this.items.forEach(item => {
      let btn = item.querySelector('.accordion__btn');
      btn.addEventListener('click',this.clickHandler);
    });
  }

  destroy() {
    this.items.forEach(item => {
      let btn = item.querySelector('.accordion__btn');
      btn.removeEventListener('click',this.clickHandler);
    });
  }

  onClickBtn(e,item) {
    e.preventDefault();
    // DO THINGS
  }

}