Poors man EventSupport example

event.js

class EventSupport {
  constructor(props) {
    this.parent = props.parent;
    this.name = props.name;

    this.eventQueue = {};
  }

  trigger(eventName, props) {
    if (typeof props === 'undefined') {
      props = {};
    }

    if (!this.eventQueue[eventName]) {
      return;
    }

    this.eventQueue[eventName].forEach(callback => callback.call(this, props))

    if (this.parent) {
      this.parent.trigger(eventName, props);
    }
  }

  bind(eventName, callback) {
    if (!this.eventQueue[eventName]) {
      this.eventQueue[eventName] = [];
    }

    this.eventQueue[eventName].push(callback);
  }
}

class Node extends EventSupport {
  constructor(props) {
    super(props)
  }
}

let parentNode = new Node({name: 'Parent'});
let childNode = new Node({parent: parentNode, name: 'Child'});

parentNode.bind('hi', function () {
  console.log(this.name, 'says Hi!');
})

childNode.bind('hi', function () {
  console.log(this.name, 'says Hi!');
})

childNode.trigger('hi'); =>
// Child  says Hi!
// Parent says Hi!