A simple class for managing events.

Dispatcher.js

var Dispatcher = function(componentName) {
	var listeners = [];
	return {
		on: function(eventName, callback) {
			if(!listeners[eventName]) {
				listeners[eventName] = [];
			}
			listeners[eventName].push(callback);
			return this;
		},
		off: function(eventName, handler) {
			if(!listeners[eventName]) return this;
			if(!handler) listeners[eventName] = []; return this;
			var newArr = [];
			for(var i=0; i<listeners[eventName].length; i++) {
				if(listeners[eventName][i] !== handler) {
					newArr.push(listeners[eventName][i]);
				}
			}
			listeners[eventName] = newArr;
			return this;
		},
		dispatch: function(eventName, data) {
			console.log("%c" + componentName + ": " + eventName, "color: #29A0D3;");
			if(listeners[eventName]) {
				for(var i=0; i<listeners[eventName].length; i++) {
					var callback = listeners[eventName][i];
					callback(data);
				}
			}
			return this;
		}
	}
}