观察者模式
需要感知双方的存在,耦合
//被观察者
var subject = {
observers: [],
notify() {
this.observers.forEach(observer =>{
observer.update()
})
},
attach (observer) {
this.observers.push(observer)
}
}
//观察者
var observer = {
update(){
alert('updated')
}
}
subject.attach(observer)
subject.notify()
发布订阅模式
类似观察者模式,但是通过中间调度,解耦合
var publisher = {
publish(pubsub) {
pubsub.publish()
}
}
var pubsub = {
subscribes: [],
publish() {
this.subscribes.forEach(subscribe =>{
subscribe.update();
})
},
subscribe(sub) {
this.subscribes.push(sub)
}
}
var subscribe = {
update() {
console.log('update')
},
subscribe(pubsub) {
pubsub.subscribe(this);
}
}
subscribe.subscribe(pubsub)
publisher.publish(pubsub)
网友评论