javascript中的设计模式&发布订阅模式

设计模式:

         在已有js语法的基础上, 进行语法整合(设计), 形成一个固定模式(用法), 每个设计模式都是为了解决某种问题.

        其他设计模式: 工厂模式, 目的是为了批量创建对象.

        设计模式一: 单例模式 , 为了实现只创建一个对象.

发布订阅模式:

//创建一个匿名函数,因为没有变量名,会报错,所以用括号将他括起来
    (function () {
        //在内部再创建一个observe函数
        function observe() {
            //创建一个订阅者函数,传递两个参数
            //第一个参数是传递的是接收的消息类型,即是谁发布的消息,是一个字符串
            //第二个参数是接受消息的函数
            //创建一个对象obj,用来接收订阅者的消息类型,以及content的回调函数
            this.obj = {
                // 'tianli':[function content(){},function content(){},...]
            }
            this.subscribe = function (message, accept) {
                //该对象(obj)用来保存消息类型以及接受消息的函数
                //先进行判断obj中的数组是否为空,为空,让他的值等于它本身,不为空,给它赋值为空
                if(this.obj[message]){
                    this.obj[message].push(accept)
                }
                else{
                    this.obj[message]=[accept]
                }
                // this.obj[message]=this.obj[message] ? this.obj[message] : []
                // //往数组中添加数据
                // this.obj[message].push(accept)
            }
            //创建一个发布者函数
            this.emit = function (message,content) {
                //将保存的消息类型进行遍历
                if(this.obj[message]){
                    this.obj[message].forEach((item)=>{
                     item(content)
                })
                }   
            }
        }
        //将这个函数暴露出来,这样我们就可以调用它;
        window.observe = observe
    })()
    //创建一个实例对象
    var o = new observe
    //订阅消息者与发布者是多对一的关系,发布者发布一条消息,可能有多个订阅者接收
    //订阅消息,可以有多个接收者
    //subscribe的第二个参数是用来接收消息内容的
    o.subscribe('天理', function (content) {
        console.log('天理:' + content);
    })
    o.subscribe('天理', function (content) {
        console.log('天理:' + content);
    })
    o.subscribe('天理', function (content) {
        console.log('天理:' + content);
    })
    o.subscribe('钟离', function (content) {
        console.log('钟离:' + content);
    })
    // console.log(o);xioan
    //发布消息
    o.emit('天理','不买桂花不喝酒')
    o.emit('钟离','天动万象,天理尝蛆!')

 发布订阅模式, 又称"观察者模式"

        概念: 发布者

        概念: 订阅者

 关系: 发布者和订阅者是 一对多的关系

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值