美文网首页js css htmlJavaScript理论知识
12:简单实现 Node 的 Events 模块

12:简单实现 Node 的 Events 模块

作者: 小小前端搬运工 | 来源:发表于2022-05-17 22:52 被阅读0次

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

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

var events=require('events');

var eventEmitter=new events.EventEmitter();

eventEmitter.on('say',function(name){

console.log('Hello',name);

})

eventEmitter.emit('say','Jony yu');

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

(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](#)(obj);

}

}

}

return this;

}

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

var events=new Events();

events.on('say',function(name){

console.log('Hello',nama)

});

events.emit('say','Jony yu');

//结果就是通过 emit 调用之后,输出了 Jony yu

(2)每个对象是独立的

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

var event1=new Events();

var event2=new Events();

event1.on('say',function(){

console.log('Jony event1');

});

event2.on('say',function(){

console.log('Jony event2');

})

event1.emit('say');

event2.emit('say');

//event1、event2 之间的事件监听互相不影响

//输出结果为'Jony event1' 'Jony event2'

相关文章

网友评论

    本文标题:12:简单实现 Node 的 Events 模块

    本文链接:https://www.haomeiwen.com/subject/eglourtx.html