js观察者模式

2019-06-09 09:54:53 阅读：204 来源： 互联网

设计模式之—观察者模式

一：概念：

观察者模式（又被称为发布-订阅（Publish/Subscribe）模式，属于行为型模式的一种，它定义了一种一对多的依赖关系，让多个观察者对象同时监听某一个主题对象。这个主题对象在状态变化时，会通知所有的观察者对象，使他们能够自动更新自己。

注意：观察者模式和发布订阅模式实际上是有区别的，但大致一样,有很多相似的地方，如果有想了解的童鞋可以看一下下面的博客：

链接：https://molunerfinn.com/observer-vs-pubsub-pattern/#%E6%A6%82%E8%BF%B0

二：解释

举个栗子：

假如你去家小区商店买东西，你想要一个苹果，可是老板说苹果卖没了，得等到下次进货才有，你只能等老板下次进货再来才可以买到，但是你却不知道老板啥时候进货，于是你就和老板商量，你现在就把苹果的钱先给老板（这里相当于订阅），然后等老板下次进货的第一时间，把苹果给你，这样你就可以在老板进货的第一时间吃到苹果了，这就是一个简单的观察者模式。

其实我们在平时也用到过观察者模式，只是我们没有注意到而已，举一个简单的例子：我们曾经在DOM节点上面绑定过事件函数，那我们就使用过观察者模式，应为JS和DOM之间就是实现了一种观察者模式。

document.body.addEventListener("click", function() {
    alert("Hello World")
}，false )
document.body.click() //模拟用户点击

以上js就是观察者，DOM就是被观察者，给DOM添加点击事件就相当于订阅了DOM,当DOM被点击，DOM就会通知js触发‘ alert("Hello World") ’

参考博客：

https://www.cnblogs.com/loveyt/p/10778986.html

https://srtian96.gitee.io/blog/2018/05/21/JavaScript%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E4%B9%8B%E8%A7%82%E5%AF%9F%E8%80%85%E6%A8%A1%E5%BC%8F/

标签：E8%,DOM,观察者,模式,js,进货,老板
来源： https://www.cnblogs.com/zhengyufeng/p/10985321.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

js观察者模式