我理解的观察者模式

什么是观察者模式?

当对象间存在一对多关系时,比如,当一个对象被修改时,则会自动通知它的依赖对象。观察者模式也叫做发布订阅模式。

观察者模式有什么好处?

观察者模式中,被观察者发生改变时,会自动通知所有观察者对象。 促进形成松散耦合,并不是一个对象调用另一个对象,而是一个对象订阅另一个对象特定活动并在状态改变之后得到通知。这样观察者和被观察者可以单独扩展和重用。

举个栗子

通俗的理解观察者模式就是:你不要动,我要有事就告诉你了。其中‘你’就是被观察者,也可以理解为订阅者。‘我’就是观察者,也就是发布者。 下面代码的实现功能是,当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();//发布
复制代码

具体流程如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值