位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享设计模式中的组合模式在JavaScript程序构建中的使用(设计模式三种),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:设计模式的组成元素,设计模式三种,设计模式中的组织是什么,设计模式中的组织结构,设计模式中的组织是什么,设计模式中的组合模式,设计模式中的组织是什么,设计模式中的组合模式,内容如对您有帮助,希望把文章链接给更多的朋友!

定义

组合,顾名思义是指用包含多个部件的对象创建单一实体。 这个单一实体将用作所有这些部件的访问点,虽然这大大简化了操作,但也可能具有相当的欺骗性,因为没有哪种隐性方式明确表明该组合包含多少部件。组合模式的目标是解耦客户程序与复杂元素内部架构,使得客户程序对待所有子元素都一视同仁。

每个子节点都可以使复杂的存在,对于父节点来说,不需要知道子节点的复杂性或者实现子节点的复杂性,只需要关注子节点的特定方法,便可以使用子节点。简化了父和子之间的关系。

对于子节点来说也是一样的,过多的接口暴露有时候也是一种滥用,同时也减少了对外部的依赖。

示例我们最好使用例证解说组合。 在下图中,您可以看到两种不同类型的对象: 容器和库是组合,图像是叶片。 组合可承载子项,但一般不会实施更多行为。 叶片包含绝大多数行为,但不能承载子项,至少在传统的组合示例中不可以。

此示例创建图片库,将其作为组合模式示例。 只有三个层次: 专辑、库和图像。 专辑和库将作为组合,图像是叶片,如上面那张图所示。这是一种比组合本身需求更加明确的结构,但对于本示例而言,将这些层次仅限制为组合或叶片很有意义。 标准组合不会限制哪些结构层次可以具有叶片,也不会限制叶片数量。

要开始操作,应首先创建用于专辑和库的 GalleryComposite“类”。 请注意,我正在使用 jQuery 执行 DOM 操作以简化过程。

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

这个位置有点棘手,能否允许我再更多的解释一下? 我们同时使用 add, remove, 和getChild getChild 方法构建这一组合。 本示例不会实际使用 remove 和 getChild,但它们对于创建动态组合非常有用。 hide, show, 和getElement 方法则用来操纵 DOM。 该组合旨在作为库的 表示在页面上向用户展示。 该组合可通过 hide 和 show控制这些库元素。 如果在专辑上调用 hide,则整个专辑将消失,或者您也可以只在单一图像上调用它,这样只有该图像会消失。

现在,创建一个 GalleryImage类。 请注意,它使用的方法与 GalleryComposite完全相同。 换句话说,它们实现同一接口,不同的是该图像是叶片,因此不会实际对子项相关方法执行任何操作,就像不具有任何子项一样。 必须使用同一接口运行该组合,因为组合元素不知道自身添加的是另一个组合元素还是叶片,因此如果尝试在其子项上调用这些方法,则需要运行完全正常,没有任何错误。

鉴于您已经构建了对象原型,您现已能够进行使用。 从下面您可以看到实际构建图像库的代码。

组合模式之利:简单的操作也能产生复杂的结果,只需对最顶层的对象执行操作,让每一个子对象自己传递这个操作即可。这对于那些再三执行的操作尤其有用。

在组合模式中,各个对象之间的耦合非常松散。只要它们实现了同样的接口那么改变它们的位置或互换它们只是举手之劳。着促进了代码的重用,也有利于代码重构。

每当对顶层组合对象执行一个操作时,实际上是在对整个结构进行深度优先的搜索以查找节点,而创建组合对象的程序员对这些细节一无所知。在这个层次体系中添加、删除和查找节点都非常容易。

组合模式之弊:组合对象的易用性可能掩盖了它所支持的每一种操作的代价。由于组合对象调用的任何操作都会被传递到它的所有子对象如果这个层次体系很大的话,系统的性能将会受到影响。组合模式的正常运作需要用到某种形式的接口。

组合对象和节点类被用作HTML元素的包装工具时,组合对象必须遵守HTML的使用规则。例如,表格就很难转化为一个组合对象。

接口检查越严格,组合对象类也就越可靠。

JavaScript设计模式开发中组合模式的使用教程 我们平时开发过程中,一定会遇到这种情况:同时处理简单对象和由简单对象组成的复杂对象,这些简单对象和复杂对象会组合成树形结构,在客户端

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

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

标签: 设计模式三种

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

上一篇:详解JavaScript设计模式开发中的桥接模式使用(javascript怎么设置)

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

  • 销售货物业务的销项税额怎么计算
  • 期末应交税费有余额吗
  • 上级补助收入支出决算科目
  • 综合所得申报如何手工填写信息
  • 企业注销了,报表的银行存款还有余额
  • 资产负债表试算平衡表是什么
  • 盈余公积补亏账务处理分录
  • 开发间接费用的分配率为本月
  • 公司增资麻烦吗?
  • 营改增账务处理实例
  • 安装过程中材料和工资
  • 免抵调增值税是否缴纳附加税
  • 个人所得税计算器2023
  • 股权转让过程中需要注意哪些问题
  • 代开增值税发票沒有付款怎么做账?
  • 权利许可证照印花税每个月都要交吗
  • 无偿赠送资产需要交哪些税
  • 新版edge浏览器兼容模式怎么设置
  • 苹果微信语音怎么调成喇叭
  • 国外差旅费如何报销
  • 收益相关的政府补助分录
  • 付给他人押金的会计分录
  • 如何卸载win10
  • 怎么登记总分类账簿
  • islp2sta.exe - islp2sta是什么进程 有什么作用
  • 库拉索的死
  • 羊肚菌的功效和价格
  • 有形动产租赁税收优惠
  • 公司中奖要交税吗
  • 莫纳皮拉
  • 补充养老保险和养老保险的区别
  • 格林湖人
  • php解析接口
  • php反射使用场景
  • 公司购垃圾袋怎么做账
  • 关于php文件的自动播放
  • 损益类科目资产增加在借方还是贷方
  • pnmdp
  • vue3使用教程
  • patriotic研究
  • 银行存款手工明细分类账
  • mysql查看创建表代码
  • 自产自用车辆购置税组成计税价格
  • 怎样回到一年前
  • 印花税计税金额是主营业务收入吗
  • Advanced SQL Injection with MySQL
  • 无票收入增值税怎么申报
  • 纳税人办理普通发票流程
  • 营业成本和生产费用一样吗
  • 农村合作社怎么办理流程
  • 商标注册费2000元记哪个科目
  • 职工福利费如何计提
  • 预发绩效会计分录
  • 冲上月暂估入账的 会计分录
  • 承租人和共同承租人
  • 预收账款借方和贷方表示什么
  • 企业财务会计是应用在各类企业
  • 事业单位不允许办企业是哪个文件要求的
  • sql server发布
  • win7开始菜单路径在哪里
  • linux设置用户名和密码
  • 如何解决笔记本电脑温度过高 蓝屏
  • 如何设置windows密码
  • Win8.1怎么打开无线网卡
  • win7系统安装软件重启电脑后就没了
  • script在html中的用法
  • Extjs中DisplayField的日期或者数字格式化扩展
  • dos批处理实例
  • linux中fork()函数详解(原创!!实例讲解)
  • Chrome调试技巧
  • 用javascript
  • java script
  • 使用灭火器时要对准火焰的什么部位喷射
  • recyclerview瀑布流效果
  • 东莞市国家税务局网上办税大厅
  • 长春国税局科员工资是多少
  • 合并申报后老申报表还可以继续使用吗
  • 湖北省税务局网站授权
  • 社保费是国税还是地税
  • 正在办退休社区盖章到了那一步
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设