什么是观察者模式?
当对象间存在一对多关系时,比如,当一个对象被修改时,则会自动通知它的依赖对象。观察者模式也叫做发布订阅模式。
观察者模式有什么好处?
观察者模式中,被观察者发生改变时,会自动通知所有观察者对象。 促进形成松散耦合,并不是一个对象调用另一个对象,而是一个对象订阅另一个对象特定活动并在状态改变之后得到通知。这样观察者和被观察者可以单独扩展和重用。
举个栗子
通俗的理解观察者模式就是:你不要动,我要有事就告诉你了。其中‘你’就是被观察者,也可以理解为订阅者。‘我’就是观察者,也就是发布者。 下面代码的实现功能是,当Observer实例中value的值改变的时候,通知Subject实例告诉他value发生了变化,变成了多少。
//观察者class Observer { constructor() { this.arr = [];//收集被观察者对象 this.value的值改变的时候,通知 = 1;//等待这个值更新时,触发被观察者的更新方法。 } updateval() { //更新观察者值的方法。 this.value = 100; this.arr.forEach((s) => { s.update(this.value); }) } save(s) { this.arr.push(s); }}//被观察者class Subject { //被贯彻着会有一个更新的方法 update(value) { console.log('观察者更新了,值为:' + value); }}let subject = new Subject();//每一个小的被观察者let observer = new Observer();//被观察者实例observer.save(subject);//订阅observer.save(subject);observer.updateval();//发布复制代码
具体流程如下: