资讯专栏INFORMATION COLUMN

设计模式——观察者模式

wzyplus / 2376人阅读

摘要:观察者模式顾名思义,有观察者被观察者,这两是有关系的被观察者状态改变时,触发观察者的动作被观察者默认状态用来存储所有的观察者知道谁在观察自己存储主动观察者被观察者状态只要状态改变就通知所有的观察者,孩子饿了就会朝着爸妈哭定义观察者观察者被观

观察者模式

顾名思义,有观察者 被观察者, 这两是有关系的

被观察者状态改变时,触发观察者的 动作

// 被观察者
function Observer(){
    this.state = "默认状态";
    this.arr = [];// 用来存储所有的观察者
}
// 知道谁在 观察自己
Observer.prototype.attch = function(s){
    // 存储主动观察者
    this.arr.push(s);
}
// 被观察者状态
Observer.prototype.setState = function(newState){
    this.state = newState;
    // 只要状态改变就通知所有的观察者,孩子饿了就会朝着爸妈哭
    this.arr.forEach(s=>s.update(newState))
}

// 定义观察者
/**
* name: 观察者
* target: 被观察者
**/ 
function Subject(name,target){
    this.name = name;
    this.target = target;
}
// 得到状态后的反应
Subject.prototype.update = function(newState){
    console.log(this.name + "观察到状态" + newState);
}

let o = new Observer();
let s1 = new Subject("父亲",o);
let s2 = new Subject("母亲",o);
o.attch(s1);
o.attch(s2);
o.setState("饿了");

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/102312.html

相关文章

  • 设计模式察者设计模式

    摘要:关键概念理解观察者设计模式中主要区分两个概念观察者指观察者对象,也就是消息的订阅者被观察者指要观察的目标对象,也就是消息的发布者。 原文首发于微信公众号:jzman-blog,欢迎关注交流! 最近补一下设计模式相关的知识,关于观察者设计模式主要从以下几个方面来学习,具体如下: 什么是观察者设计模式 关键概念理解 通知观察者的方式 观察者模式的实现 观察者模式的优缺点 使用场景 下面...

    NotFound 评论0 收藏0
  • 设计模式察者模式与发布订阅模式

    摘要:观察者模式与发布订阅的区别在模式中,知道,同时还保留了的记录。发布者订阅者在大多情况下是异步方式使用消息队列。图片源于网络侵权必删如果以结构来分辨模式,发布订阅模式相比观察者模式多了一个中间件订阅器,所以发布订阅模式是不同于观察者模式的。 学习了一段时间设计模式,当学到观察者模式和发布订阅模式的时候遇到了很大的问题,这两个模式有点类似,有点傻傻分不清楚,博客起因如此,开始对观察者和发布...

    BaronZhang 评论0 收藏0
  • 设计模式 -- 察者模式

    摘要:总结一下从表面上看观察者模式里,只有两个角色观察者被观察者而发布订阅模式,却不仅仅只有发布者和订阅者两个角色,还有第三个角色经纪人存在。参考链接观察者模式发布订阅模式 做了这么长时间的 菜鸟程序员 ,我好像还没有写过一篇关于设计模式的博客...咳咳...意外,纯属意外。所以,我决定,从这一刻起,我要把设计模式在从头学习一遍,不然都对不起我这 菜鸟 的身份。那这次,就从观察者模式开始好啦...

    chengtao1633 评论0 收藏0
  • 设计模式 -- 察者模式

    摘要:总结一下从表面上看观察者模式里,只有两个角色观察者被观察者而发布订阅模式,却不仅仅只有发布者和订阅者两个角色,还有第三个角色经纪人存在。参考链接观察者模式发布订阅模式 做了这么长时间的 菜鸟程序员 ,我好像还没有写过一篇关于设计模式的博客...咳咳...意外,纯属意外。所以,我决定,从这一刻起,我要把设计模式在从头学习一遍,不然都对不起我这 菜鸟 的身份。那这次,就从观察者模式开始好啦...

    makeFoxPlay 评论0 收藏0
  • 订阅发布模式察者模式的区别

    摘要:或许以前认为订阅发布模式是观察者模式的一种别称,但是发展至今,概念已经有了不少区别。参考文章订阅发布模式和观察者模式真的不一样 首选我们需要先了解两者的定义和实现的方式,才能更好的区分两者的不同点。 或许以前认为订阅发布模式是观察者模式的一种别称,但是发展至今,概念已经有了不少区别。 订阅发布模式 在软件架构中,发布-订阅是一种消息范式,消息的发送者(称为发布者)不会将消息直接发送给特...

    ysl_unh 评论0 收藏0
  • 设计模式-察者模式

    摘要:观察者模式又称发布订阅模式,模型视图模式,源监听器模式模式或者从属者模式。第一方法被调用之后会设置一个内部标记变量,代表被观察者对象的状态发生了变化。代码地址观察者模式代码自己实现的观察者模式利用提供的有关观察者模式的 概念 定义了对象之间的一对多依赖,当一个对象状态改变时,它的所有依赖者都会收到通知并自动更新。观察者模式又称发布(Publish/Subscribe)订阅模式,模型视图...

    Developer 评论0 收藏0

发表评论

0条评论

wzyplus

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<