js之观察者模式

Posted raindi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js之观察者模式相关的知识,希望对你有一定的参考价值。

观察者模式:

大体上是,

1、松耦合的代码;

2、一对多的关系;

3、主体状态变化时,所有依赖被通知;

4、主体和观察者互不知晓。

基本上,满足上面四点的,就可以算是观察者模式了。来看一个demo,

 

它们的运行关系是这样的,

1、发布对象pub已经存在;

2、订阅对象[sub1,sub2,sub3]也已经存在;

3、然后主体Dep函数...pub.actions()来发布消息;

4、触发订阅执行update()方法;

以上是关于js之观察者模式的主要内容,如果未能解决你的问题,请参考以下文章

js之观察者模式

js设计模式之实现观察者模式实例代码

vue源码之观察者模式

设计模式之观察者模式

js设计模式-观察者模式来模拟vue的双向数据绑定

Android开发模式之观察者模式