Swift | Вопросы собесов

🤔

Есть ли event emitter в колбеках?

Да, в JavaScript, а также в других языках программирования, концепция Event Emitter (или Event Dispatcher) используется для работы с событиями и позволяет компонентам взаимодействовать друг с другом, подписываясь на события и реагируя на них. В JavaScript это часто реализуется с использованием колбэков.

🚩

Event Emitter в JavaScript

В JavaScript Event Emitter часто используется с помощью библиотеки events, которая встроена в Node.js. Вот как это работает

1⃣

Создание EventEmitter и подписка на события

const EventEmitter = require('events');
const eventEmitter = new EventEmitter();

// Подписка на событие 'event'
eventEmitter.on('event', (message) => {
console.log(`Received event with message: ${message}`);
});

2⃣Инициация события

// Инициация события 'event'
eventEmitter.emit('event', 'Hello, World!');

🚩

Event Emitter в браузере

В браузере события также часто обрабатываются с использованием колбэков через API, такие как addEventListener.

1⃣Добавление обработчика события

const button = document.getElementById('myButton');

// Подписка на событие 'click'
button.addEventListener('click', () => {
console.log('Button clicked!');
});

2⃣

Инициация события (напрямую из кода)

// Инициация события 'click'
button.click();

🚩

Реализация собственного EventEmitter

Можно создать собственный класс EventEmitter, который будет использовать колбэки для обработки событий.

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

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

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

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

// Использование:
const emitter = new EventEmitter();

// Подписка на событие
emitter.on('message', (msg) => {
    console.log(`Message: ${msg}`);
});

// Инициация события
emitter.emit('message', 'Hello, Event Emitter!');

Ставь 👍 и забирай 📚 Базу знаний

Please open Telegram to view this post