zoukankan      html  css  js  c++  java
  • 浅析观察者模式

    当对象间存在一对多关系时,则使用观察者模式(Observer Pattern)。比如,当一个对象被修改时,则会自动通知它的依赖对象。观察者模式属于行为型模式。

    意图:定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时,所有依赖于它的对象都得到通知并被自动更新。

    主要解决:一个对象状态改变给其他对象通知的问题,而且要考虑到易用和低耦合,保证高度的协作。

    何时使用:一个对象(目标对象)的状态发生改变,所有的依赖对象(观察者对象)都将得到通知,进行广播通知。

    如何解决:使用面向对象技术,可以将这种依赖关系弱化。

    关键代码:在抽象类里有一个 ArrayList 存放观察者们。

    应用实例: 1、拍卖的时候,拍卖师观察最高标价,然后通知给其他竞价者竞价。 2、西游记里面悟空请求菩萨降服红孩儿,菩萨洒了一地水招来一个老乌龟,这个乌龟就是观察者,他观察菩萨洒水这个动作。

    优点: 1、观察者和被观察者是抽象耦合的。 2、建立一套触发机制。

    缺点: 1、如果一个被观察者对象有很多的直接和间接的观察者的话,将所有的观察者都通知到会花费很多时间。 2、如果在观察者和观察目标之间有循环依赖的话,观察目标会触发它们之间进行循环调用,可能导致系统崩溃。 3、观察者模式没有相应的机制让观察者知道所观察的目标对象是怎么发生变化的,而仅仅只是知道观察目标发生了变化。

     1 var data={ //1.创建data对象
     2     money:1000, //2.定义变量
     3     setMoney(money){ //3.定义修改money的函数
     4       this.money=money; 
     5       this.notifyAll();//只要money被修改就调用notiyAll()
     6     },
     7     observers:[],//4.定义一个保存观察者的数组
     8     notifyAll(){ //5.定义函数遍历观察者数组observers
     9       this.observers.forEach(function(obj){
    10         obj.getMoney()
    11       })
    12     },
    13   }
    14 var obj1={//创建观察者1
    15   money:0,
    16   getMoney(){
    17     console.log(`obj1得知data的money被改为${data.money}`);//obj1得知data的money被改为900
    18     this.money=data.money;
    19   }
    20 }
    21 var obj2={//创建观察者2
    22   money:0,
    23   getMoney(){
    24   console.log(`obj2得知data的money被改为${data.money}`);//obj2得知data的money被改为900
    25   this.money=data.money; //使此money同步
    26 }
    27 }
    28 data.observers.push(obj1);//添加入观察者数组
    29 data.observers.push(obj2);
    30 data.setMoney(900)
  • 相关阅读:
    express中session的基本使用
    MongoDB 索引 和 explain 的使用
    MongoDB 数据库创建删除、表(集合) 创建删除、数据增删改查
    node fs模块
    k30s刷入国际rom
    基于webpack项目的全局变量
    nginx: [error] open() "/usr/local/nginx/logs/nginx.pid" failed (2: No such file or directory)
    html手写板
    vue常用配置
    vue组件库从创建到发行和使用
  • 原文地址:https://www.cnblogs.com/zhiqiuyiye/p/12761080.html
Copyright © 2011-2022 走看看