美文网首页
观察者模式

观察者模式

作者: 葶寳寳 | 来源:发表于2019-08-22 17:36 被阅读0次

🌰

假如你有一个非常爱你的男朋友,当你不开心时表现的很沮丧,这时他就会发现你不开心,然后做一系列的补救措施。当然你闺蜜也可以。

所以我们先得有两个对象:观察者(你男朋友)和被观察者(你),然后需要把观察者存起来(把关心你的人放心里),当状态发生变化时通知到观察者(你不开心时告诉他们),观察者根据被观察者的状态变化做相应的操作(关心你的人根据你的反应来做事情)。

//被观察者:你
class Subject {
    constructor() {
        this.status = '很开心~'
        this.arr = []   
    }

    attach(o) { // 你得把关心你的人放心里 (把观察者存起来)
        this.arr.push(o)
    }

    setStatus(newStatus) {
       this.status = newStatus
       this.arr.forEach(o => o.update(newStatus))
    }
}
// 观察者:你男朋友和你闺蜜
class Observer {
   constructor(name) {
      this.name = name
   }
   update(status) {
      console.log(this.name + ':要买礼物:💄');
   }
}

let o1 = new Observer("男朋友")
let o2 = new Observer("闺蜜小明")
let sub = new Subject()

sub.attach(o1)   //你得把你男朋友放心里
sub.attach(o2)

sub.setStatus('我不开心了~')

这个时候你男朋友和你闺蜜就知道怎么做了:

男朋友: 要买礼物:💄
闺蜜小明: 要买礼物:💄// 输出

观察者和被观察者之间是直接关联的

相关文章

  • 11.9设计模式-观察者模式-详解

    设计模式-观察者模式 观察者模式详解 观察者模式在android中的实际运用 1.观察者模式详解 2.观察者模式在...

  • RxJava基础—观察者模式

    设计模式-观察者模式 观察者模式:观察者模式(有时又被称为发布(publish )-订阅(Subscribe)模式...

  • 前端面试考点之手写系列

    1、观察者模式 观察者模式(基于发布订阅模式) 有观察者,也有被观察者。 观察者需要放到被观察者列表中,被观察者的...

  • RxJava 原理篇

    一、框架思想 观察者模式观察者自下而上注入被观察者被观察者自上而下发射事件观察者模式 装饰器模式自上而下,被观察者...

  • 观察者模式

    观察者模式概念 观察者模式是对象的行为模式,又叫作发布-订阅(publish/subscrible)模式。 观察者...

  • 设计模式-观察者模式

    观察者模式介绍 观察者模式定义 观察者模式(又被称为发布-订阅(Publish/Subscribe)模式,属于行为...

  • 观察者模式

    观察者模式 观察者模式的定义 观察者模式(Observer Pattern)也叫做发布订阅模式(Publish/s...

  • iOS设计模式之观察者模式

    观察者模式 1、什么是观察者模式 观察者模式有时又被称为发布(publish)-订阅(Subscribe)模式、模...

  • 观察者模式和发布订阅模式区别

    观察者模式 所谓观察者模式,其实就是为了实现松耦合(loosely coupled)。 在观察者模式中,观察者需要...

  • RxJava(二)

    一、观察者模式 1.1、传统的观察者模式 1.2、RxJava 的观察者模式 区别传统的观察者模式是一个 Obse...

网友评论

      本文标题:观察者模式

      本文链接:https://www.haomeiwen.com/subject/lgwnsctx.html