位置: 编程技术 - 正文

设计模式中的组合模式在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 or
  • 息税前利润和税前净利润的关系
  • 计提增值税可以无付凭证吗
  • messenger 是什么意思
  • cpqdfwag.exe是什么进程 能结束吗 cpqdfwag进程查询
  • 巨浪向我冲来改为拟人句
  • 土地差价款和土地出让金
  • 逆回购利息计算公式
  • 残疾人就业保障金计入什么科目
  • 进项税不得抵扣的意思
  • vue用法
  • js删除对象的方法
  • 前端进阶教程
  • 深度解析冯德伦最后为什么选了舒淇
  • ip add命令是什么意思
  • 帝国cms功能
  • 以股权抵债的会计分录
  • 可供出售金融资产新准则叫什么
  • 新设立的企业如何办理开业税务登记
  • java方法的返回值类型有哪些
  • 暂未取得发票的费用怎么入账
  • 国家税务总局关于营改增后土地增值税
  • python2.7 协程
  • mysql添加远程访问
  • 建筑服务的劳务费交印花税吗
  • 企业经营的利润目标长期化
  • 定期定额户用财务制度备案吗
  • 关于工程施工的法律法规
  • 员工话费报销制度
  • 营改增后租金收入交什么税
  • 购进材料款项未付用什么凭证
  • 出口关税怎么缴纳
  • 养老保险和工伤失业保险不在一个时间
  • 支付水电费会计等式
  • 个人所得税如果不补税会怎么样
  • 商业汇票的会计核算
  • 员工替公司垫付工资违法吗
  • 研发费用属于哪类会计科目
  • 预收账款转收入的条件
  • 福利费专票分录
  • 长期待摊费用如何做分录
  • 会计档案步骤
  • 清除sql表内容
  • 10种Java开发者编写SQL语句时常见错误
  • 哪个是win8.1更新win10的补丁
  • mac系统如何隐藏文件
  • 一台电脑多个用户组怎么显示在一个屏幕上
  • window 查看端口
  • mac10.95升级
  • window8输入法不见了
  • node.js gui
  • 检测输入条件的各种组合
  • css跑马灯效果
  • js隐写
  • 怎么改jdk路径
  • 修改cmdline
  • python中字典怎么用
  • 安卓手机管家是什么
  • node.js怎么用
  • javascript学习指南
  • android studio怎么清除缓存
  • 内蒙古国家税务
  • 农业银行联行号查询系统官网
  • 四川国税发票手机查询
  • 广东怎么交农村合作医疗保险
  • 债权收购协议书
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设