位置: 编程技术 - 正文

深入理解Javascript中的观察者模式(深入理解ffmpeg pdf)

编辑:rootadmin

推荐整理分享深入理解Javascript中的观察者模式(深入理解ffmpeg pdf),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:深入理解新发展理念,深入理解javascript特性.pdf,深入理解新发展理念,推进供给侧结构性改革 心得体会,深入理解计算机系统,深入理解计算机系统,深入理解javascript特性.pdf,深入理解javascript,深入理解javascript特性.pdf,内容如对您有帮助,希望把文章链接给更多的朋友!

简介

观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时就会通知所有的观察者对象,使得它们能够自动更新自己。讲道理,如果我们写的不是稍微底层的代码,可能不会用到它。 但是有了它会让代码更灵活,更加规整,减少冗余代码,方便分模块,分功能开发。

使用观察者模式的好处:

支持简单的广播通信,自动通知所有已经订阅过的对象。 页面载入后目标对象很容易与观察者存在一种动态关联,增加了灵活性。 目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用。

引入

在前端业务中,可能用的比较多的地方可能就是自定义事件了。其实浏览器的事件也是观察者模式

这里function click 订阅了 div 的click 事件,当我们的鼠标点击操作,事件发布,对应的function就会执行。这个function click 就是一个观察者。

具象化理解

其实单纯的看代码实现,也可以理解。但是万物都是有联系的,这些编程模式设计之初也是来源于生活经验吧,所以,具象的理解也是很重要的体验。

我们举一个结婚办酒席的例子。比如你的一个好朋友要结婚了,'结婚'这件事情不是天天发生,一辈子就那么一… 两次(maybe more),所以我们的'去参加他的婚礼'肯定不是天天发生,只是在特定的时候。我肯定不能天天去问他,'今天你结婚吗,我来参加酒席啊'。一次两次还行,天天问,sb啊。假如是一个找不到对象的单身汪,被你天天这么问,还不得杀了你。。

那这里就需要有一个事件发布了,也就是'通知你'。

我作为一个观察者,去订阅他'结婚' 的这个事件,就是我们是好朋友,他的婚礼我肯定去,我们已经说好了。那么我就是观察者,'我去参加婚礼'就是对应而来的动作。当我订阅了'结婚' 这个事件,我就不需要天天去问他了,我该干嘛干嘛,该去泡妞,约饭,看电影,约… 就干嘛。

当他发布'结婚' 这个事件,通知到我了,我就在特定的时候,去do'参加婚礼酒席'这个行为function …

解耦/模块/功能

其实在代码中是需要一个类似于中间服务的,管理发布订阅的中间者。

比如浏览器中的事件处理程序,他提供了订阅的接口,然后接收'事件' 信号 发布给你。让js代码跟浏览器之间有了联系,互动。而本来是两个不同的东西。

在我看来,观察者模式最大的好处就是在于解耦,会让我们一锅端的代码,分功能,分模块的抽离开,更加清晰,开发成本变低,也容易维护。

深入理解Javascript中的观察者模式(深入理解ffmpeg pdf)

比如:

1、我们项目里的view 展示层跟model(数据处理)逻辑层,最开始写页面,ajax,字符串拼接,请求回一个接口拼一下,然后给dom。可能我们一个js文件,一个function里面又请求了接口,又去负责 view 的展示。

其实应该是请求跟 展示渲染分开的。

直接在状态码那里放个callback,也能做到。但是,如果我有两个甚至渲染函数,处理不同的东西,我每次还要改成不同的函数吗。 这个相同请求的过程是不是还要写一遍。

用观察者的话

好处就在于我的getData这个功能,方法就只负责请求数据,然后他会暴露一个接口,供我去添加方法。这样我的getData 就相对来说是比较完整的功能模块,就算我有再多的情况,我的getData 里面的代码是不会改动的了。

有时候我们经常为了实现业务,添加一个新的功能,而去更改我们之前写好的代码,导致我们本来的功能模块被改的面目全非。

而且会有好多的重复代码。

过程? or 模块?

当然封好一个 好的完整的功能模块是挺难的一件事情,但我们起码要有个开始。

订阅去添加方法,发布了事件池就执行。

2、MV* 类框架

MVC也是一种设计模式,这里面也都应用了观察者。

他内部也都是各种发布订阅,好像是一个观察者模型,从而实现了一个模拟的内存中的dom改变,计算出那个DOM节点应该改变。当然具体实现要做好多事情…就不…

3、redux

简单实现一个createstore函数

4、在node 中的作用 大多数时候我们不会直接使用 EventEmitter,而是在对象中继承它。包括fs、net、 http 在内的,只要是支持事件响应的核心模块都是 EventEmitter 的子类。

实现一个可以发布订阅的类

当我们需要用的时候,只需要继承一下这个EmitterEvent类。要操作的实例就可以用on,emit方法,也就是可以用发布订阅。比如XHR,组件…

总结

标签: 深入理解ffmpeg pdf

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

上一篇:EsLint入门学习教程(eslint-plugin)

下一篇:浅谈JavaScript中的apply/call/bind和this的使用(javascript总结)

  • 建筑企业交税流程
  • 应纳税额减征额包括哪些内容
  • 个人所得税查询工资与实际工资不符是为何
  • 软件无形资产摊销年限是多久
  • 个人所得税算错
  • 房租 收入
  • 滞纳金海关
  • 材料成本差异月初贷方余额表示什么
  • 证券交易印花税是多少
  • 土地转让契税税率2020税率表
  • 自产自用应税消费品
  • 高新企业季度企业所得税预征税率
  • 取得消费税出口退税款如何做会计处理?
  • 购买方退货的会计处理
  • 收到违约金应缴增值税吗
  • 企业电话费计入什么科目
  • 软件技术服务费算无形资产吗
  • 集团公司转股要交印花税吗?
  • 私营企业所得税是多少
  • 年底员工聚餐
  • 增值税发票为什么要勾选认证
  • 如何设置电源键关闭屏幕
  • 苹果系统怎么修复
  • 固定资产残值率计算公式
  • 我想设置应用
  • 鸿蒙系统支持第三方相机吗
  • php能开发微信小程序吗
  • ThinkPHP中SHOW_RUN_TIME不能正常显示运行时间的解决方法 原创
  • 暂估营业成本怎做分录
  • imac 5k屏幕参数
  • php初学实例教程
  • 收入成本科目
  • 长期借款和短期借款会计分录的区别
  • 有没有不需要网络的摄像头
  • b250主板最好的cpu是哪一款
  • 会计核算是什么岗位
  • 购买财务软件的费用
  • watch监听不到props数据改变
  • ninja命令使用
  • 废品损失科目的账户结构
  • 存货的账务处理分录
  • 增值税发票名称可以写个人吗
  • 企业所得税那些是免税的收入
  • 织梦技巧
  • python字典的特点和用处
  • 工业企业辅助生产设备
  • 娱乐服务计费销售额包括
  • 进项税额转出是借方科目还是贷方科目
  • 材料帐怎么记
  • 辅助生产车间的低值易耗品计入
  • 小微企业社保代缴
  • 汇算清缴的会计分录怎么做
  • 投资性房地产从成本模式转为公允价值模式
  • 营改增后如何纳税
  • 现金和银行存款的区别
  • 固定资产加速折旧纳税调整
  • 非营利医疗机构免征哪几种税
  • 深入浅出意思
  • win10一年更新一次
  • linux如何使用
  • linux分割分区
  • linux中dhcp
  • centos如何删除用户
  • hpg是什么文件
  • win10系统故障恢复
  • windows8.1crazy error
  • cocos2d怎么用
  • opengl超级宝典pdf
  • php和mysql的结合是目前web开发中的黄金组合
  • ubuntu nodejs
  • python数据连接
  • unity 子对象
  • Qt Creater调试时一直出现:“DEBUGGER: Waiting for debug socket connect” 和“DEBUGGER: go to sleep”
  • 企业购房契税怎么入账
  • 国家税务总局上海市电子税务局
  • 农业部利剑行动
  • 民办非企业税务登记流程
  • 纳税人逾期未申报的原因有哪些
  • 税务稽查局什么时候独立出来
  • 为什么消费税是价内税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设