手写事件总线

csdn370139800

于 2021-10-05 17:15:09 发布

阅读量144

点赞数 1

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/csdn370139800/article/details/120615954

版权

手写事件总线

	*方便各个组件之间的互相调用*


class Bus{
    constructor(){
        this.obj = {};
    }
    //绑定事件
    on(eventName,fn){
        if(this.obj[eventName]){
            this.obj[eventName].push(fn);
        }else{
            this.obj[eventName] = [fn];
        }
    }
    emit(eventName,...args){
        if(!this.obj[eventName]){
            console.log('没有这个事件...')
            return;
        }
        this.obj[eventName].forEach(item => {
            item(...args);
        })
    }

    off(eventName){
        delete this.obj[eventName]
    }

}