In this code, eventName is both an event and a protected property of the _eventHandlers object, where are the functions that are executed when an event occurs?

Примесь eventMixin, реализующая события: var eventMixin = { /** * Подписка на событие * Использование: * menu.on('select', function(item) { ... } */ on: function(eventName, handler) { if (!this._eventHandlers) this._eventHandlers = {}; if (!this._eventHandlers[eventName]) { this._eventHandlers[eventName] = []; } this._eventHandlers[eventName].push(handler); }, /** * Прекращение подписки * menu.off('select', handler) */ off: function(eventName, handler) { var handlers = this._eventHandlers && this._eventHandlers[eventName]; if (!handlers) return; for(var i=0; i<handlers.length; i++) { if (handlers[i] == handler) { handlers.splice(i--, 1); } } }, /** * Генерация события с передачей данных * this.trigger('select', item); */ trigger: function(eventName /*, ... */) { if (!this._eventHandlers || !this._eventHandlers[eventName]) { return; // обработчиков для события нет } // вызвать обработчики var handlers = this._eventHandlers[eventName]; for (var i = 0; i < handlers.length; i++) { handlers[i].apply(this, [].slice.call(arguments, 1)); } } }; Здесь есть три метода: .on(имя события, функция) – назначает функцию к выполнению при наступлении события с данным именем. Такие функции хранятся в защищённом свойстве объекта _eventHandlers. .off(имя события, функция) – удаляет функцию из списка предназначенных к выполнению. .trigger(имя события, аргументы) – генерирует событие, при этом вызываются все назначенные на него функции, и им передаются аргументы.

    1 answer 1

    eventName is the string, event name, and property (why "protected"?) of this._eventHandlers object. They are equally called for convenience.

    And why is it necessary to write 2 of these operands to a variable

    var handlers = this._eventHandlers && this._eventHandlers[eventName];

    Here the code tries to get an array of eventName event eventName . If the this._eventHandlers property this._eventHandlers not exist yet, the first operand will return undefined , which in the Boolean sense means false . In this case, the second operand does not make sense to calculate, and the expression to the right of = will return undefined . Error accessing the property of a non-existent object will not be.

    If the this._eventHandlers property already exists, the expression will return this._eventHandlers[eventName] , which can also be undefined - this is checked in the next line

     if (!handlers) return;
    • And why is it necessary to write 2 of these operands to a variable in a handvar = this. - ZdraviSmisl