Dispatcher

demo.js

  const dispatcherApp = dispatcher('App');

  const eventChange = dispatcherApp
    .on('change', data => {
      console.log('App.change', data);
    })

  const eventTest = dispatcherApp
    .on('test', data => {
      console.log('App.test', data);
      eventTest();
    });

  dispatcherApp.dispatch('change', 'monique');
  setTimeout(() => {
    dispatcherApp.dispatch('test', 'coucou');
  }, 1000)
  setTimeout(() => {
    dispatcherApp.dispatch('test', 'coucou 2');
  }, 3000)

  setTimeout(() => {
    dispatcherApp.dispatch('change', 'monique 2');
  }, 2000)

dispatcher.js

const dispatcher = name => {

  let map = {};
  const noop = () => {};
  const getEventList = key => {
    const event = name + key;
    if (!map[event]) {
      map[event] = [];
    }
    return map[event];
  }

  const dispatch = (key, data) => getEventList(key).forEach(cb => cb(data));

  const on = (key, callback = noop) => {
    const event = name + key;
    const eventList = getEventList(key);
    eventList.push(callback);

    map[event] = eventList;

    return () => {
      const index = map[event].indexOf(callback)
      map[event].splice(index, 1);
    };
  };

  return {on, dispatch};
};