on、off、emit的简单封装

匿名 (未验证) 提交于 2019-12-02 23:49:02

on的封装:

思路:

1.判断事件名称是否存在。

2.如果存在的情况下将cb存放在eventName这个数组中。

3.如果不存在创建Key值为eventName,val为数组。

const $on=(eventName,cb)=>{
if(!eventList[eventName]){
eventList[eventName] = [];
}
eventList[eventName].push(cb)
}

off封装:

思路:

1.当调用off的时候获取到eventName这个值,对值判断,如果值不存在直接return

2.如果存在判断callback是否存在,如果存在删除指定的函数

3.如果不存在将当前的数组清空。

const $off =(eventName,callback){
if(cb){
let index = eventList[eventName].indexOf(cb);
eventList[eventName].splice(index,1);
}else{
eventList[eventName].length = 0;
}
}

emit封装

1.当调用emit的时候获取到eventName这个值

2.对值进行判断

如果不存在直接return

如果存在遍历这个值全局进行调用然后将parms传入这个函数;

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!