observe

//存放所有事件的对象
const eventMap = {};

/*
    事假绑定  一个事件对应这个多个回调函数  
    key:[]  key值代表事件名称  回调函数都存放在[]里面
*/
let $on = function(eventName,callback){
    /*
        eventName:事件名称
        callback:回调函数

        一个事件名称可能会对应多个回调函数  
    */

    //判断当前对象里面的事件是否存在  如果没有存在我就赋值一个空的数组
    //然后在将这个回调push这个数组里面
    if(!eventMap[eventName]){
        eventMap[eventName] = [];
    }
    eventMap[eventName].push(callback);
}


//触发的时候要知道一个事件是对应着多个函数 所以所有的事件都要触发
//但是如果用户传递的这个事件在eventMap中根本不存在的话我就什么也不干，
//如果存在则拿到所以的回调函数然后执行
let $emit = function(eventName,val){
    let newList = eventMap[eventName];
    if(!eventMap[eventName]){
        return;
    }
    newList.map(cb=>{
        cb(val);
    })
}

/*
    如果用户没有传递callback 那么就解绑所有的事件
    如果用户传递了callback那么就解绑对应的函数
*/
let $off = function(eventName,callback){
    let newList = eventMap[eventName];
    if(!callback){
        eventMap[eventName] = null;
    }
    eventMap[eventName] = newList.filter(cb=>{
        return cb != callback
    })
}

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