实现Node的Events模块

实现Node的Events模块

1. 观察者模式

观察者模式或者说订阅模式,它定义了对象间的一种一对多的关系,让多个观察者对象同时监听某一个主题对象,当一个对象发生改变时,所有依赖于它的对象都将得到通知。

node 中的Events 模块就是通过观察者模式来实现的:

var events = require('events');
var eventEmitter = new events.EventEmitter();
eventEmitter.on('say', function(name){
    console.log('Hello', name);
})
eventEmitter.emit('say', 'Kobe');

这样,eventEmitter 发出say 事件,通过On 接收,并且输出结果,这就是一个订阅模式的实现,下面我们来简单的实现一个Events 模块的EventEmitter。

1.1 实现简单的Event 模块的emit 和on 方法

function Events(){
    this.on = function(eventName, callBack){
        if(!this.handles){
            this.handles = {};
        }
        if(!this.handles[eventName]){
            this.handles[eventName] = [];
        }
        this.handles[eventName].push(callBack);
    }

    this.emit = function(eventName, obj){
        if(this.handles[eventName]){
            for(var i=0; o<this.handles[eventName].length; i++){
                this.handles[eventName][i](obj);
            }
        }
    }
    return this;
}

这样我们就定义了Events,现在我们可以开始来调用:

var events = new Events();
events.on('say', function(name){
    console.log('Hello', name)
});
events.emit('say','Kobe');
// 结果就是通过emit 调用之后,输出了Kobe

1.2 每个对象是独立的

因为是通过new 的方式,每次生成的对象都是不相同的,因此:

var event1 = new Events();
var event2 = new Events();
event1.on('say', function(){
    console.log('Kobe event1');
});
event2.on('say', function(){
    console.log('Kobe event2');
})
event1.emit('say');
event2.emit('say');
// event1、event2 之间的事件监听互相不影响
// 输出结果为'Kobe event1' 'Kobe event2'
JavaScript 文章被收录于专栏

前端技术分享

全部评论

相关推荐

1 收藏 评论
分享
牛客网
牛客企业服务