写一个eventEmitter类（发布/订阅模式），包括on()、off()、once()、emit()方法

1、on(event,fn)：监听event事件，事件触发时调用fn函数；

2、once(event,fn)：为指定事件注册一个单次监听器，单次监听器最多只触发一次，触发后立即解除监听器；

3、emit(event,arg1,arg2,arg3…)：触发event事件，并把参数arg1,arg2,arg3…传给事件处理函数；

4、off(event,fn)：停止监听某个事件。

class EventEmitter{
      	constructor(){
            this._events = Object.create(null)//创建一个新对象来存放所有被监听的事件和处理函数
        }

        on(event,callback){  //监听event事件，触发时调用callback函数
            let callbacks = this._events[event] || [] //判断event事件是否已有其他事件处理函数，没有则为空数组
            callbacks.push(callback)
            this._events[event] = callbacks
            return this
        }
        off(event,callback){  //停止监听event事件
            let callbacks = this._events[event]
            this._events[event] = callbacks && callbacks.filter(fn => fn !== callback) //如果event事件内存在事件处理函数，就查找其中是否有callback函数并把它过滤掉。
            return this
        }
        emit(...args){ //触发事件，并把参数传给事件的处理函数
            const event = args[0]
            const params = [].slice.call(args,1) //!!!因为args非数组，所以需要通过空数组来调用数组的slice方法并把this指向args
            const callbacks = this._events[event]//获取event事件的全部事件处理函数
            callbacks.forEach(fn => fn.apply(this.params))//遍历执行全部事件处理函数
            return this
        }
        once(event,callback){ //为事件注册单次监听器
            let wrapFanc = (...args) => {//创建一个wrapFanc函数实现单次调用后停止监听
                callback.apply(this.args)//执行wrapFanc
                this.off(event,wrapFanc)//后停止监听事件
            }
            this.on(event,wrapFanc)//注册监听wrapFanc事件
            return this
        }
    }
export default EventEmitter //将这个类暴露出去

const emitter = new EventEmitter();
emitter.on('drink', (person) => {
	console.log(person + '喝水')
})
emitter.on('eat', (person) => {
	console.log(person + '吃东西')
})
emitter.once('buy', (person) => {
	console.log(person + '买东西')
})
emitter.emit('drink', '我') // 我喝水
emitter.emit('drink', '我') // 我喝水
emitter.emit('eat', '其它人') // 其它人吃东西
emitter.emit('eat', '其它人') // 其它人吃东西
emitter.emit('buy', '其它人') //其它人买东西
emitter.emit('buy', '其它人') //这里不会再次触发buy事件，因为once只能触发一次
emitter.off('eat') //移除eat事件
emitter.emit('eat', '其它人') //这里不会触发eat事件，因为已经移除了

最后

以上就是欢喜电灯胆为你收集整理的写一个eventEmitter类（发布/订阅模式），包括on()、off()、once()、emit()方法的全部内容，希望文章能够帮你解决写一个eventEmitter类（发布/订阅模式），包括on()、off()、once()、emit()方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。