Чем является событие в объекте javaScript?

Question

[Алексей Нагаев]

В соответствии с литературой все объекты js состоят из свойств и методов (свойств которым присвоены функции), у каждого свойства, есть свои атрибуты(Configurable, Enumerable, Writable, Value), данные атрибуты можно посмотреть с помощью метода Object.getOwnPropertyDescriptor, однако у объектов DOM, например объект Element есть ещё и события например onscroll, так вот когда я пытаюсь посмотреть атрибуты данного события то у меня возвращается undefined. Отсюда вопрос так что же такое событие в контексте объекта?

Answer 1

[Константин Громов]

Литература описывает то, что доступно к использованию разработчикам сайтов. Такие вещи как DOM являются частью браузера и написаны с использованием низкоуровневого кода и внутренних возможностей, которые не предоставляют разработчикам по различным причинам. Вполне вероятно, что событийная модель у DOM-элементов тоже написана с использованием внутренних средств. Хотя реализовать этот паттерн на чистом JavaScript'е не представляет из себя ничего сложного:

class Element {
    constructor() {
        this._events = {};
    }

    addEventListener(event, listener) {
        let listeners = this._events[event];

        if (!listeners) {
            listeners = this._events[event] = [];
        }

        listeners.push(listener);
    }

    removeEventListener(event, listener) {
        const listeners = this._events[event];

        if (listeners) {
            const index = listeners.indexOf(listener);

            if (index !== -1) {
                listeners.splice(index, 1);
            }
        }
    }

    dispatchEvent(event) {
        const listeners = this._events[event];

        if (listeners) {
            for (let listener of listeners) {
                listener(event);
            }
        }
    }
}

С помощью Map можно и вовсе избавиться от псевдоприватного свойства _events и хранить его ассоциативно.