ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

js简单实现发布订阅者模式

2021-09-21 12:01:35  阅读:180  来源: 互联网

标签:订阅 主题 value js topic 模式 发布者 newTopic


发布订阅模式

在发布订阅模式中,发布者和订阅者并不会直接交流,由一个中间调度者做中间人,实现消息的传递。相对于观察者模式,发布订阅模式的规模更适用于较大规模的消息通知
优点:发布订阅模式将对象之间解耦,发布者不必关心消息传递给谁,订阅者只需要负责对应主题消息的接受即可
缺点:订阅者一旦实例化就必须占用内存,但订阅者并不能一定获取到对应主题发送的消息,也就是这个主题不一定会有新的消息通知

JS代码实现

发布者=》主题中间件=》订阅者

// 发布者
    class Publish{
        constructor(){
            this.topicList = {}
        }
        // 发布者添加不同的主题
        addTopic(topic,topicItem){
            this.topicList[topic] = topicItem
        }
        publish(topic,value){
            this.topicList[topic] && this.topicList[topic].notify(value)
        }
    }
    // 主题
    class Topic{
        constructor(topic){
            this.topic = topic
            this.subList = []
        }
        addSub(subItem){
            this.subList.push(subItem)
        }
        // 主题负责通知所有的订阅者
        notify(value){
            this.subList.forEach(sub=>sub.update(value))
        }
    }
    // 订阅者   
    class Subscriber{
        constructor(value){
            this.value = value
        }
        update(value){
            this.value = this.value + value
            console.log(this.value)
        }
    }
    // 实例化一个发布者
    let newPub = new Publish()
    // 实例化一个topic主题
    let newTopic = new Topic('topic')
    // 将主题添加到发布者
    newPub.addTopic('topic',newTopic)
    // 实例化不同的订阅者
    let sub1 = new Subscriber(1)
    let sub2 = new Subscriber(2)
    // 主题添加不同的订阅者
    newTopic.addSub(sub1)
    newTopic.addSub(sub2)
    // 发布者发布消息
    newPub.publish('topic',3)
    //  打印结果
    // 4
    // 5

标签:订阅,主题,value,js,topic,模式,发布者,newTopic
来源: https://blog.csdn.net/weixin_44043130/article/details/120399788

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有