位置: 编程技术 - 正文

深入理解JavaScript系列(44):设计模式之桥接模式详解(深入理解javascript特性)

编辑:rootadmin

推荐整理分享深入理解JavaScript系列(44):设计模式之桥接模式详解(深入理解javascript特性),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:深入理解javascript,深入理解javascript,深入理解计算机系统,深入理解javascript特性,深入理解新发展理念,深入理解javascript,深入理解javascript特性,深入理解javascript特性,内容如对您有帮助,希望把文章链接给更多的朋友!

介绍

桥接模式(Bridge)将抽象部分与它的实现部分分离,使它们都可以独立地变化。

正文

桥接模式最常用在事件监控上,先看一段代码:上述代码,有个问题就是getBeerById必须要有浏览器的上下文才能使用,因为其内部使用了this.id这个属性,如果没用上下文,那就歇菜了。所以说一般稍微有经验的程序员都会将程序改造成如下形式:实用多了,对吧?首先ID可以随意传入,而且还提供了一个callback函数用于自定义处理函数。但是这个和桥接有什么关系呢?这就是下段代码所要体现的了:这里的getBeerByIdBridge就是我们定义的桥,用于将抽象的click事件和getBeerById连接起来,同时将事件源的ID,以及自定义的call函数(console.log输出)作为参数传入到getBeerById函数里。

这个例子看起来有些简单,我们再来一个复杂点的实战例子。

实战XHR连接队列

我们要构建一个队列,队列里存放了很多ajax请求,使用队列(queue)主要是因为要确保先加入的请求先被处理。任何时候,我们可以暂停请求、删除请求、重试请求以及支持对各个请求的订阅事件。

基础核心函数在正式开始之前,我们先定义一下核心的几个封装函数,首先第一个是异步请求的函数封装:

上述封装的自执行函数是一个通用的Ajax请求函数,相信属性Ajax的人都能看懂了。

接下来我们定义一个通用的添加方法(函数)的方法:最后再添加关于数组的2个方法,一个用于遍历,一个用于筛选:因为有的新型浏览器已经支持了这两种功能(或者有些类库已经支持了),所以要先判断,如果已经支持的话,就不再处理了。

深入理解JavaScript系列(44):设计模式之桥接模式详解(深入理解javascript特性)

观察者系统观察者在队列里的事件过程中扮演着重要的角色,可以队列处理时(成功、失败、挂起)订阅事件:

队列主要实现代码首先订阅了队列的主要属性和事件委托:

然后通过DED.Queue.method的链式调用,则队列上添加了很多可用的方法:代码看起来很多,折叠以后就可以发现,其实就是在队列上定义了flush, setRetryCount, setTimeout, add, pause, dequeue, 和clear方法。

简单调用

桥接呢?

上面的调用代码里并没有桥接,那桥呢?看一下下面的完整示例,就可以发现处处都有桥哦:在这个示例里,你可以做flush队列,暂停队列,删除队列里的请求,清空队列等各种动作,同时相信大家也体会到了桥接的威力了。

总结

桥接模式的优点也很明显,我们只列举主要几个优点:

1.分离接口和实现部分,一个实现未必不变地绑定在一个接口上,抽象类(函数)的实现可以在运行时刻进行配置,一个对象甚至可以在运行时刻改变它的实现,同将抽象和实现也进行了充分的解耦,也有利于分层,从而产生更好的结构化系统。2.提高可扩充性3.实现细节对客户透明,可以对客户隐藏实现细节。

同时桥接模式也有自己的缺点:

大量的类将导致开发成本的增加,同时在性能方面可能也会有所减少。

深入理解JavaScript系列():设计模式之状态模式详解 介绍状态模式(State)允许一个对象在其内部状态改变的时候改变它的行为,对象看起来似乎修改了它的类。正文举个例子,就比如我们平时在下载东西

深入理解JavaScript系列():设计模式之原型模式详解 介绍原型模式(prototype)是指用原型实例指向创建对象的种类,并且通过拷贝这些原型创建新的对象。正文对于原型模式,我们可以利用JavaScript特有的

深入探讨javascript中的数据类型 学一门编程语言,无非两方面:一是语法,二是数据类型。类C语言的语法不外乎if、while、for、函数、算术运算等,面向对象的语言再加上object。语法只

标签: 深入理解javascript特性

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

上一篇:深入理解JavaScript系列(47):对象创建模式(上篇)(深入理解计算机系统)

下一篇:深入理解JavaScript系列(43):设计模式之状态模式详解(深入理解新发展理念,推进供给侧结构性改革)

  • 个体户每个月要申报个税吗
  • 账面金额是包含什么?
  • 个人所得税征收范围及税率
  • 工程结算是含税还是不含税
  • 货运代理开票系统如何开票
  • 分包从属总包选择简易计税可以吗
  • 个贷系统平账专户A户
  • 股东购买固定资产能算实收资本么
  • 股利支付率怎么找数据
  • 暂估成本结转后怎么冲回
  • 去国外参加展览的英文
  • 券商买卖股票手续费
  • 拨款和支出的区别
  • 首次购买税控设备政策
  • 注册资本的印花税
  • 保险营销员的佣金怎么算个税
  • 个体户注销未分配利润要交个税吗
  • 员工福利费是否计入赔偿
  • 并购重组中需要哪些条件
  • 收到退以前年度所得税
  • 自己从自己公司直接拿钱是犯罪吗知乎
  • 地铁充值发票会透露个人账户信息吗
  • 用友t8怎么删除凭证
  • 冲减管理费用的情况
  • 合同成本如何设一级科目
  • 苹果手机14pro max
  • 财务填写规范
  • php获取指定日期的时间戳
  • mysqli php
  • 电脑锁屏密码设置步骤
  • 如何发放年终奖 一个蒸蒸日上的公司,当
  • 期初留存收益包括
  • 取得土地使用权的方式
  • laravel 入门
  • 涨点是什么意思
  • 机动车发票金额含税吗
  • php限制访问频率
  • 商业预付卡可以报销吗
  • 前端程序员和后端程序员哪个工资高
  • ChatGPT 能自己跑代码了!
  • uniapp前端 django后端
  • 广告片影视公司
  • 销售精装修房如何做账
  • 处置固定资产账务处理进什么科目
  • 收到发票并支付货款怎么做账
  • 购买的固定资产退货怎么做账
  • 车辆处置收入怎么交税
  • 外经证预缴税款网上申报
  • 以前年度少计费用,调整分录
  • 在建工程中的业务招待费转无形资产后所得税如何处理
  • 企业银行贷款保证金多少
  • 营业执照类型有限责任公司(自然人独资)是什么行业类别
  • 工会经费应计入
  • 可以先注销银行信用卡吗
  • 发票丢失记账联入账
  • 如何理解会计含义
  • 兼职会计做什么工作
  • 怎么设置材料
  • 在sqlserver数据库中,执行sql语句
  • sqlmap 提权
  • 一些文件未注册怎么删除
  • Windows下MySQL 5.7无法启动的解决方法
  • 删除了c盘文件
  • centos查看wwn
  • linux里top
  • linux设置用户的密码
  • 苹果Mac系统怎么恢复出厂系统
  • Win7系统打印机共享无法保存打印机设置0x000006d9
  • win8应用程序没有响应
  • 微软商店更新错误
  • linux定时任务详解
  • cocos2dx 3.1 cpp版本转lua版本 mac
  • Android: Receiving Data from the Send Intent,将自己的app注册系统分享
  • 遍历目录文件
  • oracle安装使用
  • javascript代码大全
  • 街道税务所职责和任务
  • 对外支付税务备案表网上核验
  • 杭州残保金2021年新政策申报时间
  • 什么叫发票信息对比
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设