zoukankan      html  css  js  c++  java
  • Oberver.js

    /*
    
        事件存放的仓库
    
            多个事件
            每个事件会对应多个事件函数
    
            aaa:[]
            haha:[]
    
        eventList:{
            key:[]
        }
    
    
        $on 事件绑定  eventName callback
            一个事件对应多个事件函数
            1、分析绑定的这个事件名称在事件仓库中是否存在 如果存在则直接将事件函数添加到数组中去
            2、如果不存在则创建一个数组然后将事件函数添加到数组中去
    
        $emit 事件的触发  eventName params
    
            1、分析当前事件名称是否存在,如果存在则遍历数组中所有的事件进行触发  将参数传递到数组中去
    
    
        $off  事件解绑  eventName callback
            1.分析当前事件名称是否存在  如果存在则 判断第二个参数是否存在  如果存在则 解绑对应的函数
            如果不存在则解绑全部
    
    */
    
    
    let eventList = {
    
    }
    
    
    const $on = (eventName,callback)=>{
        if(!eventList[eventName]){
            eventList[eventName] = [];
        }
    
        eventList[eventName].push(callback);
    }
    
    const $emit = (eventName,params)=>{
        if(eventList[eventName]){
            eventList[eventName].forEach((cb)=>{
                cb(params);
            })
        }
    }
    
    
    const $off = (eventName,callback)=>{
        if(eventList[eventName]){
            if(callback){
                
                let index = eventList[eventName].indexOf(callback);
                eventList[eventName].splice(index,1);
    
            }else{
                eventList[eventName].length = 0;
            }
        }
    }
    
    
    export default {
        $on,
        $emit,
        $off
    }
  • 相关阅读:
    LA 6439 Pasti Pas! Hash
    HDU 1067 Gap BFS+Hash
    POJ 3474 Gold Balanced Lineup Hash
    ZOJ 3802 Easy 2048 Again 状压DP
    Hihocoder #1044 状态压缩·一
    HDU 2522 & AOJ 441 & AOJ 364 关于小数和分数的转换
    HDU 2549 Sumset Hash+枚举
    POJ 1840 Eqs Hash + 中途相遇法
    HDU 2128 Tempter of the Bone II BFS
    POJ 3686 & 拆点&KM
  • 原文地址:https://www.cnblogs.com/rose-sharon/p/11713000.html
Copyright © 2011-2022 走看看