码迷,mamicode.com
首页 > 其他好文 > 详细

observer

时间:2018-05-29 00:09:58      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:ams   name   port   list   back   监听   null   fun   指定   

const eventMap = {};

//监听事件
const $on = function(eventName, eventCallback){
//判断事件是否有对应的装载事件回调的容器
if(!eventMap[eventName]){
eventMap[eventName] = [];//没有就创建
}
//将事件回调缓存在容器中
eventMap[eventName].push(eventCallback);

}


//触发事件
//$emit(事件名字, 传递的参数);
const $emit = function(eventName, params){
//$emit = function(eventName, ...rest){
//取得事件所对应的所有回调方法
let eventList = eventMap[eventName];
if(!eventList)
return;
//遍历所有回调方法
eventList.map(cb=>{
cb(params);
// cb(...rest);
})
}


//移除事件
//$off(eventName);//移除所有监听
//$off(eventName, callback);//移除指定监听
const $off = function(eventName, callback){
//取得事件所对应的所有回调
let eventList = eventMap[eventName];
if(!callback){
//移除所有监听
eventMap[eventName] = null;
}else{
//移除指定监听
eventMap[eventName] = eventList.filter(cb=>{
//判断事件是否是需要移除的
return cb != callback
})
}
}

export default {
$on,
$emit,
$off
}

 

observer

标签:ams   name   port   list   back   监听   null   fun   指定   

原文地址:https://www.cnblogs.com/gudun/p/9102818.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!