JS 设想形式 十三(观察者形式)

视察者形式

对象间的一种一对多的依靠关联,当一个对象的状况发作转变时,一切依靠于它的对象都获得关照并被自动更新。

视察者要素

1.笼统主题(Subject)角色:把一切对视察者对象的援用保留在一个鸠合中,每一个笼统主题角色都能够有恣意数目的视察者。笼统主题供应一个接口,能够增添和删除视察者角色。平经常使用一个笼统类和接口来完成。

2.笼统视察者(Observer)角色:为一切详细的视察者定义一个接口,在获得主题的关照时更新自身。

3.详细主题(ConcreteSubject)角色:在详细主题内部状况转变时,给一切登记过的视察者发出关照。详细主题角色通经常使用一个子类完成。

4.详细视察者(ConcreteObserver)角色:该角色完成笼统视察者角色所请求的更新接口,以便使自身的状况与主题的状况相谐和。通经常使用一个子类完成。假如须要,详细视察者角色能够保留一个指向详细主题角色的援用。

例子

为了临盆的平安,你决定为你的工场装置失火报警器,如今你须要为这个报警器写个掌握软件。

// 视察者形式

var DP = require("./DesignPattern.js");

function Factory() {
  DP.Interface(this, ['attach', 'detach', 'nofityObserver', 'fire'])
  //增加火警报警器
  //移除火警报警器
  //关照报警器
  //发作火警
}
function FireAlarm(name) {
  var _name=name
  this.rang=function(){
    console.log(_name+':发作工场火警了,鸣笛');
  }
}
function PorscheFactory() {
  this.__proto__ = new Factory();
  var _alarms = [];
  this.attach = function (alarm) {
    _alarms.push(alarm);
  }
  this.detach = function (alarm) {
    _alarms.splice(_alarms.indexOf(alarm),1);
  }
  this.nofityObserver = function () {
    _alarms.forEach(function(alarm){
      alarm.rang()
    })
  }
  this.fire=function(){
    console.log('工场着火了');
    this.nofityObserver();
  }
}

var f=new PorscheFactory();
var fireAlarm1=new FireAlarm('门卫报警器');
var fireAlarm2=new FireAlarm('消防局报警器');
var fireAlarm3=new FireAlarm('门卫报警器');
f.attach(fireAlarm1);
f.attach(fireAlarm2);
f.attach(fireAlarm3);
f.fire();
console.log('--------------------------------------');
f.detach(fireAlarm3);
f.fire();

视察者形式长处:

1.视察者和被视察者是笼统耦合的。
2.竖立一套触发机制。

视察者形式瑕玷:

1.假如一个被视察者对象有许多的直接和间接的视察者的话,将一切的视察者都关照到会消费许多时候。
2.假如在视察者和视察目的之间有轮回依靠的话,视察目的会触发它们之间举行轮回挪用,能够致使体系崩溃。
3.视察者形式没有响应的机制让视察者晓得所视察的目的对象是怎样发作变化的,而仅仅只是晓得视察目的发作了变化。

实用场景:

1.当一个笼统模子有两个方面, 个中一个方面依靠于另一方面。将这两者封装在自力的对象中以使它们能够各自自力地转变和复用。
2.当对一个对象的转变须要同时转变别的对象, 而不晓得详细有若干对象有待转变。
3.当一个对象必需关照别的对象,而它又不能假定别的对象是谁。换言之, 你不愿望这些对象是严密耦合的。

    原文作者:zchq88
    原文地址: https://segmentfault.com/a/1190000005340829
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞