位置: 编程技术 - 正文

JavaScript观察者模式(经典)(代码实现观察者模式)

编辑:rootadmin

推荐整理分享JavaScript观察者模式(经典)(代码实现观察者模式),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:观察者模式前端,观察者模式 php,代码实现观察者模式,用js实现一个观察者发布订阅模式,观察者模式java实现,观察者模式java实现,观察者模式前端,js的观察者模式,内容如对您有帮助,希望把文章链接给更多的朋友!

Observer模式也叫观察者模式,是由GoF提出的种软件设计模式的一种。Observer模式是行为模式之一,它的作用是当一个对象的状态发生变化时,能够自动通知其他关联对象,自动刷新对象状态。

Observer模式的概念

Observer模式是行为模式之一,它的作用是当一个对象的状态发生变化时,能够自动通知其他关联对象,自动刷新对象状态。Observer模式提供给关联对象一种同步通信的手段,使某个对象与依赖它的其他对象之间保持状态同步。

Observer模式的角色:

Subject(被观察者)被观察的对象。当需要被观察的状态发生变化时,需要通知队列中所有观察者对象。Subject需要维持(添加,删除,通知)一个观察者对象的队列列表。ConcreteSubject被观察者的具体实现。包含一些基本的属性状态及其他操作。Observer(观察者)接口或抽象类。当Subject的状态发生变化时,Observer对象将通过一个callback函数得到通知。ConcreteObserver观察者的具体实现。得到通知后将完成一些具体的业务逻辑处理。

观察者模式( 又叫发布者-订阅者模式 )应该是最常用的模式之一. 在很多语言里都得到大量应用. 包括我们平时接触的dom事件. 也是js和dom之间实现的一种观察者模式.

只要订阅了div的click事件. 当点击div的时候, function click就会被触发.

那么到底什么是观察者模式呢. 先看看生活中的观察者模式。

JavaScript观察者模式(经典)(代码实现观察者模式)

好莱坞有句名言. “不要给我打电话, 我会给你打电话”. 这句话就解释了一个观察者模式的来龙去脉。 其中“我”是发布者, “你”是订阅者。

再举个例子,我来公司面试的时候,完事之后每个面试官都会对我说:“请留下你的联系方式, 有消息我们会通知你”。 在这里“我”是订阅者, 面试官是发布者。所以我不用每天或者每小时都去询问面试结果, 通讯的主动权掌握在了面试官手上。而我只需要提供一个联系方式。

观察者模式可以很好的实现2个模块之间的解耦。 假如我正在一个团队里开发一个html5游戏. 当游戏开始的时候,需要加载一些图片素材。加载好这些图片之后开始才执行游戏逻辑. 假设这是一个需要多人合作的项目. 我完成了Gamer和Map模块, 而我的同事A写了一个图片加载器loadImage.

loadImage的代码如下

当图片加载好之后, 再渲染地图, 执行游戏逻辑. 嗯, 这个程序运行良好. 突然有一天, 我想起应该给游戏加上声音功能. 我应该让图片加载器添上一行代码.

可是写这个模块的同事A去了外地旅游. 于是我打电话给他, 喂. 你的loadImage函数在哪, 我能不能改一下, 改了之后有没有副作用. 如你所想, 各种不淡定的事发生了. 如果当初我们能这样写呢:

loadImage完成之后, 它根本不关心将来会发生什么, 因为它的工作已经完成了. 接下来它只要发布一个信号.

那么监听了loadImage的'ready'事件的对象都会收到通知. 就像上个面试的例子. 面试官根本不关心面试者们收到面试结果后会去哪吃饭. 他只负责把面试者的简历搜集到一起. 当面试结果出来时照着简历上的电话挨个通知.

说了这么多概念, 来一个具体的实现. 实现过程其实很简单. 面试者把简历扔到一个盒子里, 然后面试官在合适的时机拿着盒子里的简历挨个打电话通知结果.

最后用观察者模式来做一个成人电视台的小应用.

js实现微信分享代码 通常自己做的一个页面想通过微信像朋友分享时,展示的标题和描述都是不是自己想要的,自己查了一些资料,原来是通过js来进行控制展示效果如下:

js实现新年倒计时效果 一年又一年,新年又快到了,最近大家又开始抢回家过年的车票了,我们就来算一算离新年还有多少天,总结总结在即将过去的年大家都收获了什么

原生js实现数字字母混合验证码的简单实例 本文实例讲述了原生js实现数字字母混合验证码的全部代码,重点是注释很详细,便于大家理解,特分享给大家供大家参考。具体如下:运行效果截图如

标签: 代码实现观察者模式

本文链接地址:https://www.jiuchutong.com/biancheng/387173.html 转载请保留说明!

上一篇:常用的Javascript设计模式小结(常用的javascript对象)

下一篇:js实现微信分享代码(h5实现微信分享)

  • 私营独资企业交个税还是企税
  • 企业间无偿划转资产,非关联方经营
  • 企业净利率多少算正常
  • 资产处置损益对损益有影响吗
  • 租入房租装修费摊销
  • 房屋契税是按照发票上的不含税价格交吗
  • 委托进口增值税如何抵扣
  • 研发废料收入抵研发
  • 包装材料报废后如何做会计核算?
  • 公司社保退回会退钱吗
  • 购买车间用的材料怎么做分录
  • 物业费增值税收入的确认最新政策
  • 企业会主动对税吗
  • 民办幼儿园怎么给老师交五险一金
  • 地方教育附加费是什么意思
  • 印花税按次申报是什么意思
  • 小企业会计准则科目
  • 物流公司转包出售合法吗
  • 增值税抵扣需要哪些附件
  • 存货减值准备计提
  • 筹办期间的筹办费用支出
  • 白条入账会给什么处分
  • 三种测试网速的方法
  • 免税不能开专票
  • mac怎么转到苹果系统
  • 预收账款何时结转
  • 高新企业研发支出转产成品
  • 野生动植物种源包括
  • 工业会计成本核算读书笔记3000
  • 有什么办法解决前进中的问题
  • php获取数据
  • 数据库arc文件
  • 装修公司开的劳务发票
  • 公司租用员工的车辆交什么税
  • jvm jmm
  • mysql外键约束的基本语法结构
  • Windows OpenGL ES 图像曝光度调节
  • 专利年费的滞纳金怎么做账
  • 0税率可以抵扣进项税吗
  • 免征文化事业建设费条件的销售额标准
  • 个体工商户季开票30万是否缴纳个人所得税
  • 计提持有至到期债券投资的利息
  • 税务登记后要马上报税吗
  • 什么是指企业的市场营销活动发生影响的各种因素的总和
  • 移动平均加权法怎么算
  • 前期物业管理阶段的工作有哪些
  • 工程结算在资产中的作用
  • 集团公司收到的上级工作秘密比照国家
  • 废品收入该如何开票
  • 股东追加投资怎么算
  • 企业取得生产或制造某项财产物资时
  • 什么情况下应选用基轴制配合
  • 买相机送肩带吗
  • 购买服装费用计入什么科目
  • 投资性房地产公允价值小于账面价值
  • 公司账户可以转账到信用卡吗
  • msde安装1秒不动了
  • 连接mysql服务命令
  • vmware虚拟机怎么卸载不了
  • 优盘和硬盘
  • 开机f8显示英文字母
  • Win7系统不小心将TCP/IP协议卸载如何重新安装?
  • 影子系统作用
  • 怎么解决xp不能安装软件
  • win10推送win11
  • linux文本文件格式
  • 注册表winlogon
  • web直接打印
  • js实现apply函数
  • java script教程
  • shell脚本学习指南
  • 关于学习的名言
  • js实现登录功能
  • Intermediate Unity 3D for iOS: Part 3/3
  • Shell、Perl、Python、PHP访问 MySQL 数据库代码实例
  • jqury选择器
  • 深入理解新发展理念,推进供给侧结构性改革
  • python的介绍
  • 四川税务干部学校官网
  • 青羊名字由来
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设