发布者订阅者模式

2018-07-24 08:23:54来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

看了网上的资料感觉有两种实现,一种是发布的时候有关键字key,然后就执行所有订阅了key的事件,还有一种是没有key直接绑定在发布对象上,对象调用public方法然后执行所有绑定的函数

说到底区别就是前者是多个不同键值的数组存事件,后者是只有一个数组存所有时间,下面的代码是属于前一种

class EventEmitter{
    constructor(){
        this.EventList = {}
    }
    subscribe(key,fun){
        if(!this.EventList.hasOwnProperty(key)){
            this.EventList[key] = []
        }
        this.EventList[key].push(fun)
    }
    unsubscribe(key,fun){
        if(!this.EventList[key]) return

        this.EventList = this.EventList[key].filter((f)=>{
            if(f!=fun) return f
        })
    }
    public(key,arg){
        if(!this.EventList[key]){
            console.log('no respond event')
            return 
        }
        this.EventList[key].forEach(fun=>{
            fun(arg)
        })

    }
}
var EE = new EventEmitter()
var print = (data)=>{
    console.log(data)
}
EE.subscribe('done',print)
EE.public('done','12223')
EE.unsubscribe('done',print)
EE.public('done','12223')

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:学习JavaScript一些资料时,记录一些规范小记

下一篇:DOM学习之图片库切换效果