EventEmitter事件派发器

　　最近一直在做秋招的笔试题，EventEmitter居然出现过几次了，说明它还是很重要的，就学了一下，JavaScript源代码还是挺好理解的。

　　 对于Event事件大家应该都很熟悉，比如dom中的button，可以通过addEventListener/attachEvent（IE）添加click事件处理。而一般的object对象是没有事件派发功能的，基于此需求，实现了一个EventEmitter。代码如下：

//JS源代码
function EventEmitter() {
    //存放事件和对应的处理方法
    this.handles = {};
}
EventEmitter.prototype = {
    //传入事件类型type和事件处理handle
    //实现事件订阅on
    on: function(type, handle) {
        if (!this.handles[type]) {
            this.handles[type] = [];
        }
        this.handles[type].push(handle);
        //console.log(handle);
    },
    emit: function() {
        //通过传入参数获取事件类型
        var type = Array.prototype.shift.call(arguments);
        if (!this.handles[type]) {
            return false;
        }
        for (var i = 0; i < this.handles[type].length; i++) {
            var handle = this.handles[type][i];
            handle.apply(this, arguments);
            //console.log(arguments);
        }
    },
    off: function(type, handle) {  
        handles = this.handles[type];
        if (handles) {
            if (!handle) //不存在handle参数
                handles.length = 0; //清空数组
        } else {
            for (var i = 0; i < handles.length; i++) {
                if (handles[i] == handle)
                    handles.splice(i, 1);
            }
        }
    }
};

测试代码：

var em = new EventEmitter();
em.on('mm',function (name) {
    console.log("mm:"+name);
});
em.emit('mm','哈哈哈哈');
//console.log(em);
console.log('===============');
 var p2 = new EventEmitter();
 var fn = function (name) {
 console.log('mm2: '+ name);
 };
 var fn2 = function (name) {
 console.log('mm222: '+ name);
 };
 p2.on('mm2', fn);
 p2.on('mm2', fn2);
 p2.emit('mm2','哈2哈2哈2哈2');
 console.log('-------------');
p2.off('mm2', fn);
p2.off('mm2');
 p2.emit('mm2','哈2哈2哈2哈2');
 console.log('-------------');
p2.off('mm2');
 p2.emit('mm2','哈2哈2哈2哈2');
 console.log('-------------');

测试结果：

除此之外，node.js版本的EventEmitter也是很有用的。代码如下：

var eventEmitter = require("events");
var myEmitter = new eventEmitter();
myEmitter.on('begin', function() {
    console.log('begin');
});
myEmitter.on('begin', function() {
    console.log('begin2');
});
myEmitter.on('end', function() {
    console.log('end');
});
myEmitter.emit('end'); //end
//可以注册多个同名事件，都会触发
myEmitter.emit('begin'); //begin begin2
console.log(myEmitter.eventNames()); //[ 'begin', 'end' ] ,同名的只输出一个