位置: 编程技术 - 正文

JavaScript设计模式开发中组合模式的使用教程(js设计模式有什么用)

编辑:rootadmin

推荐整理分享JavaScript设计模式开发中组合模式的使用教程(js设计模式有什么用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js中的设计模式,js的设计模式,js 设计模式,js 设计模式,javascript 设计,js设计模型,JAVASCRIPT设计模式与开发实践,JAVASCRIPT设计模式与开发实践,内容如对您有帮助,希望把文章链接给更多的朋友!

我们平时开发过程中,一定会遇到这种情况:同时处理简单对象和由简单对象组成的复杂对象,这些简单对象和复杂对象会组合成树形结构,在客户端对其处理的时候要保持一致性。比如电商网站中的产品订单,每一张产品订单可能有多个子订单组合,比如操作系统的文件夹,每个文件夹有多个子文件夹或文件,我们作为用户对其进行复制,删除等操作时,不管是文件夹还是文件,对我们操作者来说是一样的。在这种场景下,就非常适合使用组合模式来实现。

基本知识

组合模式:将对象组合成树形结构以表示“部分-整体”的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性。组合模式主要有三个角色:(1)抽象组件(Component):抽象类,主要定义了参与组合的对象的公共接口(2)子对象(Leaf):组成组合对象的最基本对象(3)组合对象(Composite):由子对象组合起来的复杂对象理解组合模式的关键是要理解组合模式对单个对象和组合对象使用的一致性,我们接下来说说组合模式的实现加深理解。组合模式算是为在页面动态创建UI量身定做的,你可以只使用一条命=命令为许多对象初始化一些复杂的或者递归的操作.组合模式提供了两个有点:(1)允许你将一组对象当成特定的对象.组合对象(A composite)和组成它的子对象实现相同的操作.对组合对象执行某一个操作将会使该对象下的所有子对象执行相同的操作.因此你不仅可以无缝的替换单个对象为一组对象集合,反过来也一样.这些独立的对象之间即所谓松散耦合的.(2)组合模式会将子对象集组合成树结构并且允许遍历整个树.这样可以隐藏内部实现并且允许你以任意的方式组织子对象.这个对象(组合对象)的任何代码将不会依赖内部子对象的实现.

组合模式的实现

(1)最简单的组合模式

HTML文档的DOM结构就是天生的树形结构,最基本的元素醉成DOM树,最终形成DOM文档,非常适用适用组合模式。我们常用的jQuery类库,其中组合模式的应用更是频繁,例如经常有下列代码实现:

JavaScript设计模式开发中组合模式的使用教程(js设计模式有什么用)

这句简单的代码就是获取class包含test的元素,然后进行addClass和removeClass处理,其中不论$(“.test”)是一个元素,还是多个元素,最终都是通过统一的addClass和removeClass接口进行调用。我们简单模拟一下addClass的实现:

这段代码简单的模拟了addClass的实现(暂不考虑兼容性和通用性),很简单地先判断节点类型,然后根据不同类型添加className。对于NodeList或者是Node来说,客户端调用都是同样的使用了addClass这个接口,这个就是组合模式的最基本的思想,使部分和整体的使用具有一致性。

(2)典型的例子

前面我们提到一个典型的例子:产品订单包含多个产品子订单,多个产品子订单组成一个复杂的产品订单。由于Javascript语言的特性,我们将组合模式的三个角色简化成2个角色:(1)子对象:在这个例子中,子对象就是产品子订单(2)组合对象:这里就是产品的总订单假设我们开发一个旅游产品网站,其中包含机票和酒店两种子产品,我们定义了子对象如下:

上面的代码定义了两个类:机票订单类和酒店订单类,每个类都有各自的订单创建方法。接下来我们创建一个总订单类:

这个对象主要有3个成员:订单列表,添加订单的方法,创建订单的方法。在客户端使用的时候如下:

客户端调用展示了两种方式,一种是单一的创建机票订单,一种是创建多张订单,但最终都是通过create方法进行创建,这就是一个很典型的组合模式的应用场景。

总结组合模式并不难理解,它主要解决的是单一对象和组合对象在使用方式上的一致性问题。如果对象具有明显的层次结构并且想要统一地使用它们,这就非常适合使用组合模式。在Web开发中,这种层次结构非常常见,很适合使用组合模式,尤其是对于JS来说,不用拘泥于传统面向对象语言的形式,灵活地利用JS语言的特性,达到对部分和整体使用的一致性。(1)使用组合模式的场景在遇到下面两种情况的时候才使用组合模式A.含有某种层级结构的对象集合(具体结构在开发过程中无法确定)B.希望对这些对象或者其中的某些对象执行某种操作(2)组合模式的缺点因为组合对象的任何操作都会对所有的子对象调用同样的操作,所以当组合的结构很大时会有性能问题。还有就是使用组合模式封装HTML时要选择合适的标签,比如table就不能用于组合模式,叶子节点不明显

设计模式中的facade外观模式在JavaScript开发中的运用 概念外观模式(门面模式),是一种相对简单而又无处不在的模式。外观模式提供一个高层接口,这个接口使得客户端或子系统更加方便调用。外观模式并

详解JavaScript实现设计模式中的适配器模式的方法 有的时候在开发过程中,我们会发现,客户端需要的接口和提供的接口发生不兼容的问题。由于特殊的原因我们无法修改客户端接口。在这种情况下,

Adapter适配器模式在JavaScript设计模式编程中的运用分析 定义适配器模式(Adapter)是将一个类(对象)的接口(方法或属性)转化成客户希望的另外一个接口(方法或属性),适配器模式使得原本由于接口不

标签: js设计模式有什么用

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

上一篇:设计模式中的组合模式在JavaScript程序构建中的使用(设计模式三种)

下一篇:设计模式中的facade外观模式在JavaScript开发中的运用(设计模式中的行为模式)

  • 怎么算固定资产
  • 税务筹划的基本前提是
  • 营业账簿指什么
  • 公司汽车购置税怎么交
  • 出口退税中哪些是免税的
  • 租金属于什么会计要素
  • 资产总额季度平均
  • 税收的六大作用
  • 企业进行税收筹划
  • 民办非企业单位是什么单位性质
  • 购进原材料没有发票怎么做分录
  • 会计员如何处理21种差额计税?
  • 关于商业健康保险产品的规范和条件
  • 个人非货币性资产投资的税务筹划
  • 简化丢失专用发票的处理流程
  • 计提资产减值损失账务处理
  • 公司没有车牌可以买车吗
  • 销售费用中的运输费属于什么科目
  • 收到上级补助收入支出时财务会计怎么记账
  • 承兑汇票属于现金支付吗
  • 金融企业哪些呆账损失可以在税前扣除?
  • 出口退税申报时间限制
  • 缴纳社保的账务处理办法
  • 业务招待费有增值税吗
  • 小企业递延收益计算公式
  • 企业所得税中的资产总额怎么填
  • 网络适配器不见了win7.上不了网了
  • 苹果电脑截图快捷键
  • 股权转让的会计凭证
  • 长期待摊费用属于什么要素
  • 赠品促销怎么做
  • 溢价对外投资账务处理
  • 白鹤芋好养活吗
  • hottray.exe是什么进程 有什么作用 hottray进程查询
  • 最新版本金铲铲强势阵容
  • python网络爬虫技术
  • 年底有留抵税额怎么结转
  • vue docx-preview实现docx文件在线预览
  • thinkphp5框架介绍
  • php列表
  • js框架jquery
  • linuxless命令查看文件
  • python的顺序
  • 以前月份多扣社保吗
  • mongodb win7
  • 税款已缴未入库怎么处理
  • 在excel中怎么制作
  • 汇算清缴银行手续费扣除比例是多少
  • 教育费附加减免性质代码
  • 累计摊销属于什么类科目
  • 高速公路车辆通行卡没还怎么办
  • 工会经费是不是税费
  • 公司办理网银
  • 香港发票在内地认可吗
  • 预付的展会费如何入账
  • 在途物资和材料采购的区别
  • 原始单据的重要性
  • 解决Windows Server远程断开后自动
  • Windows Server 2008疑难杂症
  • ghost安装器怎么用
  • win7中任务栏的高度最多可以调整到屏幕的
  • winxp怎么做系统
  • mac上的
  • WIN7系统如何恢复出厂系统
  • mac系统崩溃怎么重装系统
  • win8运行速度慢怎么办
  • win8使用技巧 图文
  • linux清除ssh登录记录
  • cocos2dx ccbreader内存泄露
  • 怎么用winrar打包压缩文件
  • javascript definitive guide
  • jquery实战
  • jquery 鼠标
  • shell 数组操作
  • shell执行多个命令
  • 国家税务总局会议管理办法
  • 个人房屋出租给公司怎么开发票
  • 智云发票集中管理云平台官网
  • 小企业会计准则的印花税计入什么
  • 什么是征收率什么是税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设