位置: 编程技术 - 正文

设计模式中的组合模式在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
  • 2018年个体工商户增值税起征点
  • 本月报销能用下月报销吗
  • 税金及附加是否设二级科目
  • 付佣金代扣个人所得税税前列支
  • 捐赠固定资产资产处置损益
  • 征信费用会计分录
  • 辅助生产车间照明用电计入哪个科目
  • 增值税怎么填表
  • 设备固定资产原值
  • 几个人注册公司好还是个体户好
  • 安置房项目需要环评吗
  • 怎么激活对话框取消
  • 原始凭证的内容有哪些
  • 如何利用http协议发布博客园博文评论
  • 在企业扶贫捐赠活动上的讲话
  • 建设工程劳务分包合同属于建设工程合同吗
  • svg图形是什么
  • thinkphp3.1
  • 企业研发费用加计扣除是什么意思
  • 工会经费计提分录怎么写
  • 企业期末结转本期实现的各项收入
  • vue el-tabs
  • Selenium.Webdriver最新语法教程(附Chrome实例演示)
  • 报关单在哪里打出来
  • 发票作废怎么操作电脑上
  • 固定资产处置金额是什么意思
  • 电脑自学网
  • 钢管租赁行业会计账务处理
  • 资产类账户有哪些
  • 资产减值准备如何影响利润
  • 所得税费用的账目处理
  • 固定资产的定义是什么?
  • 小规模纳税人减按1%如何填报申报表
  • 银行贷款需要哪些材料
  • 收到对方的银行汇票算什么凭证
  • 非居民企业所得税征收方式鉴定表
  • 支付职工一次性补助
  • 调整账户有哪几类
  • 企业比赛奖金要交税吗
  • 黄金以旧换新工具有哪些
  • 货代代缴增值税关税如何做账
  • 旅客运输进项税申报漏了
  • 工程施工明细科目结转吗
  • sql-3
  • 浅谈mysql explain中key_len的计算方法
  • Windows虚拟内存不足
  • m1 macbook压缩能力
  • 未能打开这台计算机上的组策略对象
  • centos开启后一直黑屏
  • kcleaner是什么文件夹
  • Win7如何安装音频设备
  • win10更新后浏览器打不开网页
  • windows.prompt用法
  • bat批处理脚本教程
  • Unity3D游戏开发培训课程大纲
  • linux保存
  • css下margin、padding、border、background和font缩写示例
  • jquery 设置背景色
  • unityui
  • javascript运用
  • easyui发送ajax请求
  • 海关进口增值税如何入账
  • 在海口二手房需交什么税
  • 西安大修基金和契税怎么计算
  • 上海税务机关代码查询
  • 江苏省税务局电子发票
  • 农村房屋改造问题向谁举报
  • 电子税务怎么弄
  • 印花税会计分录怎么做 印花税需要计提吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设