Node EventEmitter简单实现

1.Node中的事件模块

Node的事件模块只包含了一个类:EventEmitter。
这个类在node的内置模块和第三方模块中大量使用。
EventEmitter,用于监听一些事件,并且处理,本质上是一个观察者模式的实现

2.EventEmitter基本使用方式

const events = require('events')
const emitter = new events.EventEmitter()
function fn1(name){
  console.log("fn1",name)
}
function fn2(name){
  console.log("fn2",name)
}
emitter.on('say', fn1)
emitter.on('say', fn2)
// fn1 Tom   
// fn2 Tom
emitter.emit('say','Tom') 
emitter.removeListener('say', fn1)
// 只输出 fn2 jerry
emitter.emit('say','jerry') 

3.自己实现一个EventEmitter类

class myEventEmitter{
    constructor(){
        this.events = {}
    }
    on(eventName, callback){
        if(!this.events){
            this.events = {}
        }
        if(!this.events[eventName]){
            this.events[eventName] = []
        }
        this.events[eventName].push(callback)
    }
    emit(eventName, ...rest) {
        if(this.events[eventName]){
            // apply把this指向当前对象  解构rest传入参数
            this.events[eventName].forEach((listener)=>listener.apply(this,rest))
        }
    }
    removeListener(eventName, listener){
        if (this.events[eventName]){
            this.events[eventName] = this.events[eventName].filter(item=>item!=listener)
        }
    }
}

//测试代码
let myEmitter = new myEventEmitter()
function fn1(name){
    console.log("fn1",name)
}
function fn2(name){
    console.log("fn2",name)
}
myEmitter.on('say', fn1)
myEmitter.on('say', fn2)
// fn1 Tom   
// fn2 Tom
myEmitter.emit('say','Tom') 
myEmitter.removeListener('say', fn1)
// 只输出 fn2 jerry
myEmitter.emit('say','jerry') 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值