50、JavaScript里面，自定义事件的简单实现（事件队列的简单实现）

1、JavaScript里面，自定义事件的简单实现（事件队列的简单实现）

2、实现的代码

var Event = {
					on: function(eventName, callback) {
						//下面的两个undefined的判断很重要
						//保证了，动态的初始化了，对象的属性
						if(typeof Event.handlers == "undefined") {
							Event.handlers = {};
						}
						if(typeof Event.handlers[eventName] == "undefined") {
							Event.handlers[eventName] = [];
						}
						Event.handlers[eventName].push(callback);

					},
					emit: function(eventName) {
						//只有含有这个，时间的时候，才会调用回调函数
						if(Event.handlers[eventName] instanceof Array) {
							var handler = Event.handlers[eventName];
							for(var i = 0, len = handler.length; i < len; i++) {
								handler[i](arguments[1]);
							}
						}

					},
					removeHandler: function(type, handler) {
						if(Event.handlers[type] instanceof Array) {
							var handlers = Event.handlers[type];
							for(var i = 0, len = handlers.length; i < len; i++) {
								if(handlers[i] === handler) {
									break;
								}
							}
							handlers.splice(i, 1);
						}
					}

				}

3、测试代码

                       function a(result) {
				console.log(result);
			}

			function b() {
				console.log('test');
			}
			Event.on('test', a);
			Event.on('test', b);
			//Event.removeHandler('test', b);			
			Event.emit('test', 'hello world');