Как задавать собственные события?

Question

[tarthur]

Всем привет.
Ситуация такая: есть класс: SomeClass1- в нем происходит нажатие на кнопку.
Так же есть класс SomeClass2 - в нем нужно отследить, что было нажата кнопка в классе SomeClass1.
Как это реализовать?:

Речь идет о кастомных событиях.
То есть в классе SomeClass1 создается свое событие как я понимаю через new CustomEvent(), а в классе SomeClass2 я подписываюсь на это событие через addEventListener?

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

P/S.
читал статьи, но не видел нигде примера взаимодействия между объектами через события.

Answer 1

[alvvi]

Так что именно не понятно?
Эта статья, по-моему, дает более чем достаточное объяснение, главное не запутаться в старом и новом API.

Comments

[tarthur]

Не видел нигде именно пример со взаимодействием между объектами. Если есть статья с таким примером, было бы здорово если бы вы скинули.

Вот накидал код. Если не сложно посмотрите. Оно так должно работать или я фигню пишу?:
https://codepen.io/anon/pen/owVJvM

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

[alvvi]

tarthur: ну так разве не видно, что да?)
Я нкидал более банальный пример, но вижу, он вам уже не нужен.

[alvvi]

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

Просто это одна из имплементаций паттерна Observer, которая называется EventEmitter, другая работает как вам и хочется (если я вас правильно понял) и называется PubSub. На нативном JS ее нет, но ее легко написать самому, или вспользоваться уже готовой.

Почитать их сравнение можно тут