博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

手写eventhub(发布订阅)

Posted on 2021-03-09 10:21  米粒3  阅读(91)  评论(0编辑  收藏  举报
        //手写eventhub(发布订阅)
        //    核心思路:1.使用一个对象作为缓存
        //    2.on负责把方法发布到缓存的eventName数组中
        //    3.emit负责遍历eventName中的方法数组
        //    4.off负责清除缓存中的方法
        class EventHub {
            cache={}
            on(eventName,fn){
                this.cache[eventName]=this.cache[eventName]||[]
                this.cache[eventName].push(fn)
            }
            emit(eventName){
                this.cache[eventName]=this.cache[eventName]||[]
                this.cache[eventName].forEach(fn=>fn())
            }
            off(eventName,fn){
                const index=this.cache[eventName].indexOf(fn);
                if(index>-1){
                    this.cache[eventName][index]=null
                }
            }
        }

        function fnn(){
            console.log("执行发布订阅了奥");
        }
        let ev=new EventHub();
        ev.on("test",fnn)
        ev.emit("test");
        ev.off("test",fnn);