Как удалить слушателя, привязанного к анонимной функции?

Question

В моем компоненте у меня есть прослушиватель, подключенный к анонимной функции.

Как я могу удалить этого прослушивателя позже, так как нет имени функции для обозначения функции, прикрепленной к нему? *

mounted() {
  EventBus.$on('setStickyHeaderCaption', (payload) => {
    ...
  });
},
beforeDestroy() {
  EventBus.$off('setStickyHeaderCaption');
}

Answer 1

Без сохранения ссылки на функцию нет пути.

Вы можете сделать что-то вроде этого:

mounted() {
  this.anon = (payload) => {
   ...
  }
  EventBus.$on('setStickyHeaderCaption', this.anon);
},
beforeDestroy() {
  EventBus.$off('setStickyHeaderCaption', this.anon);
}

Answer 2

Прослушиватель событий обычно идентифицируется предоставленной функцией. Если функция анонимная, слушатель не может быть удален.

Это относится к методу Vue. Методы уже привязаны к экземпляру Vue и не должны быть стрелками:

methods: {
  setStickyHeaderCaptionHandler(payload) {...}
},
mounted() {
  EventBus.$on('setStickyHeaderCaption', this.setStickyHeaderCaptionHandler);
},
beforeDestroy() {
  EventBus.$off('setStickyHeaderCaption', this.setStickyHeaderCaptionHandler);
}

То, что методы доступны вне компонента и могут быть шпионскими или поддельными, также облегчает тестирование.

Answer 3

Вы не можете.

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