封装nodeJS中 $on $emit $off 事件

最新推荐文章于 2024-01-05 09:53:00 发布

转载最新推荐文章于 2024-01-05 09:53:00 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/1512344358qq/p/10500849.html

本文深入探讨了事件驱动编程的核心概念，包括事件绑定、触发及解绑机制。详细介绍了如何使用对象形式存储事件及其对应的多个回调函数，实现了一对多的事件处理关系。并通过具体代码示例，展示了绑定事件、触发事件及解绑事件的具体实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　事件绑定一个事件名称对应多个事件函数应此它们的关系是一对多的关系数据类型采用对象的形式

key:val 因为函数有多个所以val选用数组

事件仓库

　　eventList = {

　　　　key:val,

　　　　key:val

　　}

绑定事件

on(eventName,cb){}

第一步判断当前事件是否存在如果不存在初始化一下 key:[] 然后在将cb push到数据中去即可

let eventList = {};


const $on=(eventName,cb)=>{

    if(!eventList[eventName]){
        eventList[eventName] = [];
    }
    eventList[eventName].push(cb)
}

触发事件

emit(eventName,params){}

第一步判断事件名称是否存在如果存在遍历数组中的所以函数调用即可如果params存在将params传递函数中

const $emit = (eventName,params)=>{

    if(eventList[eventName]){
        let arr = eventList[eventName];
        arr.map((cb)=>{
            cb(params)
        })
    }
}

解绑事件

off(eventName,cb){}

第一步判断事件名称是否存在如果存在再次判断第二个参数是否存在如果存在将这个cb从当前数组中移除 如果第二个参数不存在清空数据

const $off = (eventName,cb)=>{
    if(eventList[eventName]){
        if(cb){
            let index = eventList[eventName].indexOf(cb);
            eventList[eventName].splice(index,1);

        }else{
            eventList[eventName].length = 0;
            
        }
    }
}

转载于:https://www.cnblogs.com/1512344358qq/p/10500849.html