美文网首页
观察者模式

观察者模式

作者: 踏雪_739a | 来源:发表于2020-05-26 18:57 被阅读0次
// 被观察者
class Subject{
    constructor(name){
        this.name = name
        this.state = "开心的"
        this.observer = []
    }

    updateState(state){
        this.state = state
        // 通知观察者更新
        this.observer.forEach(item=>item.update(this))
    }

    attach(o){
        this.observer.push(o)
    }
}

// 观察者
class Oberserver{
    constructor(name){
        this.name = name
    }

    update(person){
        console.log(`${this.name}发现${person.name}状态变为${person.state}`)
    }
}

let baby = new Subject('baby')
let father = new Oberserver("father")
let mather = new Oberserver("mather")
baby.attach(father)
baby.attach(mather)

setTimeout(function(){
    baby.updateState("哭了")
},3000)

setTimeout(function(){
    baby.updateState("再跑。。。")
},5000)

相关文章

  • 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/fngvahtx.html