Зачем 'addEventListener' вкладывают в 'addEventListener'?

Question

[Shimpanze]

Наткнулся на такую странную конструкцию:

const btnUp = {
  addEventListener() {
    // при прокрутке содержимого страницы
    window.addEventListener('scroll', () => {
      // определяем величину прокрутки
      const scrollY = window.scrollY || document.documentElement.scrollTop;
      // если страница прокручена больше чем на 400px, то делаем кнопку видимой, иначе скрываем
      scrollY > 400 ? this.show() : this.hide();
    });
    // остальной код...

Какой смысл вкладывать addEventListener в addEventListener?

Answer 1

[Rsa97]

Нет здесь никакого вложения. Здесь создаётся объект, в котором есть метод addEventListener, навешивающий слушатель событий скролла. То, что этот метод назван так же, как стандартный, это просто выбор автора кода.

Comments

[Shimpanze]

Точно... Это же JavaScript,- называй как хочешь. Это и сбило меня с толку. Спасибо

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

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

Answer 2

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

Чтобы начать слушать событие (scroll) только при наступлении другого события (btnUp). Неужели это не очевидно?