Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про JavaScript: EventEmitter, once, event loop, observer pattern

Как реализовать паттерн EventEmitter с поддержкой однократной подписки (метод once)?

Вопрос проверяет понимание реализации паттерна EventEmitter с поддержкой однократной подписки через метод once.

Короткий ответ

Метод once подписывает обработчик, который выполняется только один раз. При вызове emit обработчик вызывается, а затем автоматически удаляется из списка подписчиков. Это полезно для событий, которые должны обрабатываться единожды, например, при загрузке данных.

Длинный ответ

Реализация паттерна EventEmitter с поддержкой once

Паттерн EventEmitter (или Observer) позволяет объектам подписываться на события и реагировать на них. Метод once добавляет обработчик, который выполняется только один раз после первого вызова события, после чего автоматически отписывается. Это удобно для одноразовых операций, таких как инициализация или обработка первого ответа от сервера.

Как это работает

Внутри EventEmitter хранится объект, где ключи — имена событий, а значения — массивы обработчиков. Для once создается обертка, которая вызывает оригинальный обработчик, а затем удаляет его из массива. Важно сохранить ссылку на обертку, чтобы можно было отписаться через off.

Пример реализации

class EventEmitter {
  constructor() {
    this.events = {};
  }

  on(event, listener) {
    if (!this.events[event]) {
      this.events[event] = [];
    }
    this.events[event].push(listener);
  }

  once(event, listener) {
    const wrapper = (...args) => {
      listener(...args);
      this.off(event, wrapper);
    };
    wrapper.listener = listener; // сохраняем оригинал
    this.on(event, wrapper);
  }

  off(event, listener) {
    if (!this.events[event]) return;
    this.events[event] = this.events[event].filter(l => l !== listener);
  }

  emit(event, ...args) {
    if (!this.events[event]) return;
    this.events[event].forEach(listener => listener(...args));
  }
}

Применение

Метод once часто используется в Node.js для обработки событий, которые должны произойти только один раз, например, 'data' при чтении потока или 'error' при подключении. В браузере это может быть обработчик загрузки изображения или первого клика.

Вывод: Реализация once упрощает управление подписками и предотвращает утечки памяти, автоматически удаляя одноразовые обработчики. Этот паттерн полезен в любом событийно-ориентированном коде, где требуется гарантированное однократное выполнение.

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    4

  • Сложность:

    5

Навыки

  • JavaScript

    JavaScript

  • Node.js

    Node.js

Ключевые слова

#EventEmitter

#once

#event loop

#observer pattern

Подпишись на React Developer в телеграм

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию