js实现发布订阅

原创于 2024-02-22 11:30:53 发布 · 439 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #数据结构 #前端

文章介绍了classEventHub类，它提供了一个用于管理事件监听和发布的功能，包括添加监听器（on）、触发事件（emit）以及移除监听器（off）。主要关注点是利用数组和函数索引来实现事件处理机制。

class EventHub {
    cache = {}
    on(eventName,fn){
        this.cache[eventName] = this.cache[eventName] ||[]
        this.cache[eventName].push(fn)
    }
    emit(eventName){
        (this.cache[eventName] ||[]).forEach(item=>item())
    }
    off(eventName,fn){
        let index = indexOf(this.cache[eventName],fn)
        if(index > -1){
            this.cache[eventName].splice(index,1)
        }
    }
}
function indexOf(arr,fn){
    if(arr === undefined) return -1
    for(let i=0;i<arr.length;i++){
        if(arr[i] === fn){
            return i
        }
    }
    return -1
}