位置: 编程技术 - 正文

设计模式中的组合模式在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设计模式有什么用)

  • 进项税额怎么抵税
  • 房产税和土地使用税每年都要交吗
  • 职工福利费会计凭证
  • 车船使用税怎么网上缴费
  • 纳税怎么算
  • 税务罚款如何做会计分录
  • 财务报表一季度销售大福下降
  • 进项税额已抵扣转出会计分录
  • 公司转给法人备注怎么填
  • 增值税普通发票和普通发票的区别怎么交税
  • 公司支票可以存到个人账户吗
  • 服务性合同签了能反悔吗
  • 预付费服务是什么
  • 监控系统施工费用包括哪些内容
  • 小规模跨年发票可以入账吗
  • 应收账款减值准备可以税前扣除吗
  • 统借统贷协议
  • 长期零申报的公司容易注销吗
  • 企业间借款利息开票税目
  • 暂估发票未到年报怎么调
  • 归属于母公司的净利润怎么来的?
  • 什么情况下要交消费税
  • 支付外汇代扣代缴增值税
  • php curl header参数
  • 免租期房产税增值税如何计算
  • php到底是什么
  • 销售商品收到商业汇票一张会计分录
  • 票据贴现融资有哪些潜在的风险
  • 别再等待别在徘徊是什么歌
  • 增值税专用发票上注明的价款含税吗
  • 数据持久化操作
  • 公司投资款无法收回
  • PHP curl 或 file_get_contents 获取需要授权页面的方法
  • vue叠化在哪里
  • uni-app--》uni-app的生命周期讲解
  • 浦东森林村
  • 项目费用怎么入账
  • matlab用于图像处理
  • python一点都不简单
  • 房租发票需要写备注吗
  • 生产成本有什么
  • page_sql
  • 销售自己使用过的物品免税吗
  • 哪些发票不可以报销入账
  • 汇算清缴时发现收入少了
  • 独立核算和非独立核算怎么查
  • 用友软件接口
  • 出口退税率为0的账务处理
  • 无形资产账面价值和账面余额的区别
  • 十二月份没出现问题
  • 金税盘服务费可以抵扣增值税进项税额吗
  • 菜品毛利怎么计算
  • 公司给非职工人员发工资
  • mysql中binlog_format模式与配置详细分析
  • 安装好sql2000后安装sp4
  • fedora怎么联网
  • win7立体声混音怎么设置
  • 苹果Mac系统怎么装
  • 红帽子在工地上是什么级别
  • msqry32.exe进程是什么文件 作用是什么 msqry32进程查询
  • win10系统桌面怎么设置密码
  • win10一年更新几次
  • win7开机总是自检
  • windows7电脑无法正常运行
  • 扫描仪在哪儿
  • bootstrap treeview 扩展addNode方法动态添加子节点的方法
  • android 程序开发
  • cocos2dx 3.3 tilemap 缩放滑动并且准确点击对象
  • unity游戏开发入门经典
  • JavaScript的setter与getter方法
  • unity3d插件手机版
  • react-router react-router-dom
  • 批处理 修改文件名
  • 批处理隐藏盘符
  • python生成随机数表
  • python操作数据库语句
  • jquery操作元素样式
  • python中的set方法
  • 20万块手表交多少税
  • 房地产对外投资契税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设