首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS 观察者模式

介绍 观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己...使用观察者模式的好处: 支持简单的广播通信,自动通知所有已经订阅过的对象。 目标对象与观察者存在的是动态关联,增加了灵活性。 目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用。 2....总结 观察者的使用场合就是:当一个对象的改变需要同时改变其它对象,并且它不知道具体有多少对象需要改变的时候,就应该考虑使用观察者模式。...---- 本文是系列文章,可以相互参考印证,共同进步~ JS 抽象工厂模式 JS 工厂模式 JS 建造者模式 JS 原型模式 JS 单例模式 JS 回调模式 JS 外观模式 JS 适配器模式 JS 利用高阶函数实现函数缓存...(备忘模式) JS 状态模式 JS 桥接模式 JS 观察者模式 网上的帖子大多深浅不一,甚至有些前后矛盾,在下的文章都是学习过程中的总结,如果发现错误,欢迎留言指出~ 参考: 设计模式观察者模式

1K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    最快速度搞懂:Js观察者模式,为学习vue源码而准备

    观察者模式嘛,大段的概念我就不贴了。 大体上是, 1、松耦合的代码; 2、一对多的关系; 3、主体状态变化时,所有依赖被通知; 4、主体和观察者互不知晓。...基本上,满足上面四点的,就可以算是观察者模式了。来看一个demo, ?...这个小demo,细看之下你会发现,我总觉得所谓的观察者模式,就类似于把家里的电闸合上,一瞬间就把主体和依赖这二方给连通了。 为啥今天想起来写观察者模式呢?...再然后就要讲vue,reqct,然后计划带他们适当的看一看vue的源码。而vue它是一个mvvm的框架,我个人主观觉得吧,如果先理解观察者模式之后,再来看mvvm方面的东西会比较好一些。...原型模式已经用了那么久了,明天周末,给他们讲观察者

    1.1K80

    【说站】js观察者模式和订阅模式的区别

    js观察者模式和订阅模式的区别 调度模式 1、观察者模式是由具体目标调度的,而订阅模式是统一由调度中心调的。 所以观察者模式的订阅者与发布者之间是存在依赖的,而订阅模式则不会。...通知订阅者的方式 2、观察者模式是通过主题自己本身去遍历观察者,然后调用订阅者的通知方法去实现的。...订阅模式是通过事件管道去通知的,其实做这个事情的主题是是事件,因为在执行具体的事件的时候,没人知道接下来执行的方法是什么吗?因为订阅/发布模式维护了所有的订阅者事件。...内部维护的内容 3、观察者模式维护了观察者,订阅模式则省略了这一步骤。 以上就是 js观察者模式和订阅模式的区别,希望对大家有所帮助。...更多js学习指路:js教程 推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。 收藏 | 0点赞 | 0打赏

    52730

    从vue源码中学习观察者模式

    摘要:源码解读设计模式系列文章将陆陆续续进行更新中 ~摘要:源码解读设计模式系列文章将陆陆续续进行更新中 ~观察者模式首先话题下来,我们得反问一下自己,什么是观察者模式?...概念观察者模式(Observer):通常又被称作为发布-订阅者模式。...vue 对于观察者模式的使用vue 使用到观察者模式的地方有很多,这里我们主要谈谈对于数据初始化这一块的。...OK,本文到这就差不多了,更多的源码设计思路细节将在同系列的其它文章中进行一一解读。观察者模式首先话题下来,我们得反问一下自己,什么是观察者模式?...vue 对于观察者模式的使用vue 使用到观察者模式的地方有很多,这里我们主要谈谈对于数据初始化这一块的。

    62820

    观察者模式

    观察者模式 观察者模式Observer Pattern是一种对象行为型模式,当定义的对象间的一种一对多依赖关系,使得每当一个对象状态发生改变时,其相关依赖对象皆得到通知并被自动更新,观察者模式又叫做发布...描述 观察者模式建立了一种对象与对象之间的依赖关系,一个对象发生改变时将自动通知其他对象,其他对象将相应做出反应。...优点 观察者模式可以实现表示层和数据逻辑层的分离,并定义了稳定的消息更新传递机制,抽象了更新接口,使得可以有各种各样不同的表示层作为具体观察者角色。...观察者模式在观察目标和观察者之间建立一个抽象的耦合。 观察者模式支持广播通信。 观察者模式符合开闭原则的要求。...观察者模式没有相应的机制让观察者知道所观察的目标对象是怎么发生变化的,而仅仅只是知道观察目标发生了变化。 适用环境 一个抽象模型有两个方面,其中一个方面依赖于另一个方面。

    18120

    观察者模式

    在设计模式中也有一种模式能有效的达到解偶、异步的特点,那就是观察者模式又称为发布订阅模式。 今天阿丙就分享一下实际开发中比较常见的这种模式 大纲 ? 定义 什么是观察者模式?他的目的是什么?...框架应用 观察者模式在框架的中的应用也是应该很多 第一种 熟悉JDK的人应该知道 在java.util 包下 除了常用的 集合 和map之外还有一个Observable类,他的实现方式其实就是观察者模式...这里需要注意是的 他是用Vector 作为订阅关系的容器,同时在他的定义方法中都添加synchronized关键字修饰类,以达到线程安全的目的 这里我贴出了关键源码,感兴趣的同学可以自己打开并且观看每个方法的注释...respond to */ void onApplicationEvent(E event); } 第三种 Google Guava的事件处理机制Guava EventBus 他的实现也是采用设计模式中的观察者设计模式...总结 大家看完本篇文章不知道有发现没有,其实整个内容都是围绕了解耦的思想来写的,观察者模式作为行为型设计模式,主要也是为了不同的业务行为的代码解耦。

    30240

    观察者模式

    观察者模式 概述 UML类图 代码栗子 总结 概念 概念 观察者模式又叫做发布-订阅模式观察者设计模式定义了对象间的一种一对多的组合关系,以便一个对象的状态发生变化时,所有依赖于它的对象都得到通知并自动刷新...栗如,抗日战争中我方地下党人会密切监视日军的一举一动,根据它们的战略部署及时做出相应的返回,这也就是观察者模式(我军->观察者;日军->被观察者) 作用 观察者和被观察者之间是抽象耦合 建立一套触发机制...image 代码栗子 观察者 注意这里的接口 Observer ,这是观察要实现的接口,JDK 原生提供了 观察者接口的定义,这里就直接使用JDK自带的 public class ClassLeader...image.png 总结 观察者模式的应用极其广泛,但是要注意它的观察链(触发链),栗子 A观察B ,触发C; C观察D ,触发E;E观察F ,触发A; 这样一条触发链后期维护的成本很大 参考资料 书籍...《设计模式之禅》

    35420

    观察者模式

    观察者模式 观察者模式定义了一种一对多的依赖关系,让多个观察者对象同时监听一个主题对象,当主题对象在状态上发生改变时,通知所有的观察者对象,并让他们自动更新自己; 观察者模式的组成 抽象主题角色: 将所有的观察者引用存放到一个集合中...,每个主题可以拥有任意数量的观察者;主题提供一个接口,用来增加,移除通知观察者。...一般用一个抽象类或接口来实现; 抽象观察者角色: 为所有的观察者定义一个接口,在得到主题通知时更新自己; 具体主题角色: 在具体主题状态发生改变时,通知所有登记过的观察者。...具体主题通常由一个子类实现; 具体观察者角色: 该角色实现抽象观察者角色所要求的更新接口,在得到主题通知时更新自己,让本身的状态和观察者的状态相协调。通常是一个自类实现。...程序实现 抽象观察者角色 /** * 抽象观察者接口 * Created by sky-mxc on 2016/12/25. */ public interface IObserver {

    428100

    观察者模式

    《Head First Design Pattern》一书中对观察者模式的定义如下: The Observer Pattern defines a one-to-many dependency...观察者设计模式定义了对象间的一种一对多的依赖关系,以便一个对象的状态发生变化时,所有依赖于它的对象都得到通知并自动刷新。 从根本上说,该模式必须包含两个角色:观察者和被观察对象。...下面是设计模式中包含角色的UML类图(来自百度百科)。 ? 观察者(Observer)将自己注册到被观察对象(Subject)中,被观察对象将观察者存放在一个容器(Container)里。...使用观察者模式A可以作为被观察者(Subject),B、C、D可以作为观察者(Observer)。...number.getNumber(); System.out.println(inum + "=0x" + Integer.toHexString(inum)); } } } 观察者模式测试代码

    69620

    观察者模式

    [设计模式] 观察者模式 ? 手机用户请 横屏获取最佳阅读体验, REFERENCES中是本文参考的链接,如需要链接和更多资源,可以关注其他博客发布地址。...我们就可以利用观察者模式来实现这个场景需求。 手机工厂就是被观察对象,也就是主题。 多个代理商分别充当不同的观察者对象。需要监听手机工厂的 生产情况。...: 观察者可以随时进行注册和注销行为 被观察者只会给注册过的观察者发送通知 不同代理商接收通知的顺序和自己注册的先后有关系 那么思考下这个模式有没有什么不好的地方?...如果观察者不想等待,想直接获取当前实时数据信息呢? JDK内置了观察者模式的实现,为什么还要自己定义呢?与自定义的有什么区别呢? 带着问题,我们来看下JDK内置的观察者模式怎么实现的?...但是无论是哪种方式,关键是熟悉观察者模式后,善用即可, REFERENCES 《Head First》读书笔记

    51220

    观察者模式

    订阅者模式通常也成为发布-订阅模式,发布者也称为通知者,订阅者也称为观察者。通知者发出通知,各发布者则收到通知后做出相应的动作。由于存在不同的订阅者和通知者,所以将这两者抽象出来。...(observer); 16 concreteSubject.notifyObservers(); 17 } 18 } 输出结果: image.png 这样我们就简单地完成了观察者模式...在《大话设计模式》中提到了,如果观察者是几个风马牛不相及的呢?我们现在是抽象成一个公共类,如果两个观察者无法抽象成一个公共类怎么办呢?...《大话设计模式》中提到了利用“事件委托”来实现,由于此书是C#,但在Java中好像并没有线程的事件委托实现,在下一篇中会写利用“事件委托”来实现观察者模式,同样Java自带了Observer接口以提供对观察者模式的支持...,下一篇我们也会利用JDK来实现观察者模式

    71770

    观察者模式

    观察者模式需要如下几个对象构建出整个框架: 1抽象主题角色:提供了一个用于保存观察者对象的聚集类和增加删除观察者对象的方法,以及通知所有观察者的抽象方法 2具体主题:具体目标类,实现抽象主题的类...3抽象观察者:是一个抽象类接口,包含一个更新自己的抽象方法,更改通知时随时被调用 4具体观察者 具体例子 import java.util.ArrayList; import java.util.Iterator..."; peopleDaily.notifyObserver(); } } // 抽象主题 abstract class WeChatSubscribe { // 定义观察者集合...AbstractOB> observers = new ArrayList(); public String sendMessage = ""; // 添加观察者方法...public void add(AbstractOB observer) { observers.add(observer); } // 移出观察者方法

    38220

    观察者模式

    观察者模式从名字上来看大概就是一种通知与被通知的关系,其实代码思想也与其差不多,其核心思想就是有一个或N个观察者(Observer)和一个(或N个)被观察者(Observable 或 Subject),...观察者以订阅方式来观察被观察者,当被观察者接到更新时(程序员控制或代码自动发出)将通知所有观察者来接受更新的内容。...观察者模式是另一种可被Lambda 表达式简化和改进的行为模式。在观察者模式中,被观察者持有一个观察者列表。当被观察者的状态发生改变,会通知观察者。...观察者模式被大 量应用于基于MVC 的GUI 工具中,以此让模型状态发生变化时,自动刷新视图模块,达到二者之间的解耦。 观看GUI 模块自动刷新有点枯燥,我们要观察的对象是月球!...; }); moon.land("An asteroid"); moon.land("Apollo 11"); 还有一点值得思考,无论使用观察者模式或策略模式,实现时采用Lambda 表达式还是传统的类

    74770

    设计模式-观察者模式

    01 前言 观察者模式是松偶合的。改变被观察者观察者中的一方,另一方不会受到影像。 JDK中也有自带的观察者模式。但是被观察者是一个类而不是接口,限制了它的复用能力。...Android中的EventBugs,RxBugs等优秀框架项目也都是基于观察者模式观察者模式是一对多的。...观察者模式中有被观察者(Observerable)和观察者(Observer).观察者模式定义了对象之间的一对多的依赖关系,这样,当"一"的一方状态发生变化时,它所依赖的"多"的一方都会收到通知并且自动更新...其实就是发布订阅模式,发布者发布信息,订阅者获取信息,订阅了就能收到信息,没订阅就收不到信息。 ? 02 观察者模式结构图 ?...通过结构图可以看到,该模式包含四个角色: 抽象被观察者角色:也就是一个抽象主题,它把所有对观察者对象的引用保存在一个集合中,每个主题都可以有任意数量的观察者

    34430

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券