Как правильно установить и удалить обработчики событий в экземпляре класса (ES6)?

Question

[Андрей Хохлов]

Некий условный плагин, который инициализируется для какого-то элемента, вешает на него обработчики события и имеет возможность самовыпилиться, убрав эти обработчики.

В обработчике события нужен доступ к этому объекту (this).

Вот минимальный пример кода:

class Foo {
  constructor(elem) {
    this.elem = elem;

    this._runEvent = (event) => {
      this._eventHandler(event);
    };

    this._bindEvents();
  }

  destroy() {
    this._unbindEvents();
  }

  _bindEvents() {
    this.elem.addEventListener('click', this._runEvent);
  }

  _unbindEvents() {
    this.elem.removeEventListener('click', this._runEvent);
  }

  _eventHandler(event) {
    console.log(this);
  }
}

Получается, что я для каждого нового экземпляра этого класса создаю метод _runEvent, который просто вызывает метод из прототипа. Но благодаря этому я могу этот метод как ставить обработчиком события, так и убирать.
Если бы не требовался метод _unbindEvents, то сразу бы ставилась например стрелочная функция, вызывающая _eventHandler.

Собственно вопрос - нет ли более правильной альтернативы?

Answer 1

[Алексей Уколов]

Если я правильно понял вашу проблему, то нужно просто в конструкторе прибить гвоздями контекст к нужным методам:

this._bindEvents = this._bindEvents.bind(this);
this._unbindEvents= this._unbindEvents.bind(this);

Comments

[Андрей Хохлов]

К этим методам и так есть доступ, они вызываются только внутри.

Дело в том, что для удаления обработчика события нужно передать ту же самую функцию, что передавалась для установки этого обработчика.
При этом нужно иметь доступ к объекту изнутри этой функции.

Если использую bind для установки обработчика - снять его не смогу.
Соответственно я создаю функцию в каждом экземпляре класса, которая уже дергает обработчик события из прототипа. И вот эту функцию я могу легко использовать при установке и снятии обработчика события.

Первое беспокойство - я плавая в теме утечек памяти, боюсь нет ли там чего неприятного.
Второй момент - напрягает эта функция в каждом новом экземпляре. Хочу чтобы она была в прототипе. или в замыкании (но в таком варианте с использованием class это не получается сделать).