当对象间存在一对多关系时,好比,当一个对象被修改时,则会自动通知它的依赖对象。观察者模式也叫作发布订阅模式。ui
观察者模式中,被观察者发生改变时,会自动通知全部观察者对象。 促进造成松散耦合,并非一个对象调用另外一个对象,而是一个对象订阅另外一个对象特定活动并在状态改变以后获得通知。这样观察者和被观察者能够单独扩展和重用。this
通俗的理解观察者模式就是:你不要动,我要有事就告诉你了。其中‘你’就是被观察者,也能够理解为订阅者。‘我’就是观察者,也就是发布者。 下面代码的实现功能是,当Observer实例中value的值改变的时候,通知Subject实例告诉他value发生了变化,变成了多少。spa
//观察者
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();//发布
复制代码
具体流程以下:code