Диспетчеризация событий в eventEmitter

Question

По-прежнему продолжаю разбираться с кодом сайта Читай-город

Среди файлов нашел Читай-город - интернет-магазин книг_files\eventEmitter.js.Без названия (сохраните страницу на диске)

function EventEmitter(){
    var eventSubscribers = {};

    //Диспетчирезация события
    this.dispatch = function (eventName, payload){
        if(eventSubscribers.hasOwnProperty(eventName)){
            eventSubscribers[eventName].forEach(function (eventHandler){
                eventHandler(payload);
            });
        }

        return true;
    };

    //Подписка на событие. Возвращает метод отписки handler от события
    this.subscribe = function (eventName, handler){
        if(typeof handler !== 'function'){
            return;
        }

        if(!eventSubscribers.hasOwnProperty(eventName)){
            eventSubscribers[eventName] = [];
        }

        eventSubscribers[eventName].push(handler);

        return function (){
            eventSubscribers[eventName] = eventSubscribers[eventName].filter(function (currentHandler) {
                return currentHandler !== handler;
            });
        }
    }
}

window.eventEmitter = new EventEmitter();

Возникли вопросы:

Что такое диспетчерезация события?
И что означает

Возвращает метод отписки handler от события

?

Особенно меня смущает

this.dispatch = function (eventName, payload){
            if(eventSubscribers.hasOwnProperty(eventName)){
                eventSubscribers[eventName].forEach(function (eventHandler){
                    eventHandler(payload);
                });
            }

А именно цикл forEach, по-моему правильно было бы

    this.dispatch = function (eventName, payload){
        if(eventSubscribers.hasOwnProperty(eventName)){
            eventSubscribers[eventName]=(function (eventHandler){
                eventHandler(payload);
            });
        }

        return true;
    };

Answer 1

Это просто механизм событий. Аналог обычных событий документа. Только здесь, в отличие от документа, события не привязаны к элементам документа, а работают отдельно. То же самое есть например в jQuery, например когда событие можно вызвать у любого объекта. Метод dispatch (аналог element.dispatchEvent()) вызывает событие, другими словами запускает функцию, которую ранее добавили методом subscribe (аналог element.addEventListener()).
После того, как подписал какую-то функцию на событие, нужно иметь возможность её отписать когда-то. Вот метод для этого. В jQuery например есть аналогичный метод off, а в DOM есть метод element.removeEventListener().

БЛОГ НА HUSL

Диспетчеризация событий в eventEmitter

Ответы (1 шт):