资讯专栏INFORMATION COLUMN

设计模式-组合模式

Olivia / 2040人阅读

摘要:组合对象包括部件对象和叶对象叶对象相当于最小粒度不可再划分而部件对象也是组合对象是由叶对象组合而成小的组合对象再经过不断组合就成为一个大的组合对象大的组合对象再次组装就是一个整体代码通过组合模式组合起来之后具体执行请求时是从上而下沿着树形结

组合对象,包括部件对象和叶对象.叶对象相当于最小粒度,不可再划分;而部件对象也是组合对象,是由叶对象组合而成.小的组合对象再经过不断组合,就成为一个大的组合对象;大的组合对象再次组装,就是一个整体.代码通过组合模式组合起来之后,具体执行请求时,是从上而下沿着树形结构进行传递的,一直传递到不可划分的叶子节点对象.

栗子:
创建一个表单.要求点提交按钮,可以保存和验证各项的值.这个表单的元素有多少项并不知道,也不知道具体是什么内容,是注册表单验证还是登陆表单验证?根据用户的需求而异,也就是实现一个动态表单.这时,组合模式就派上用场了,如下图:

将动态form看成一个整体,然后根据粒度划分出最小叶子节点.根据上图和我们dom节点类型,我们可以将input,select,textarea三种类型的节点看做叶子对象.划分出最小叶子对象后,就可以根据实际场景,划分出由叶子对象组合成的部件对象,部件对象再经过随意无限次组合,可以成为最终的满足某一需求的form表单,非常灵活.




  
  组合模式





文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82008.html

相关文章

  • 设计模式组合模式

    摘要:安全式组合模式中的抽象构件不声明管理子类的接口,把操作移交给子类完成。组合模式实现样例使用组合模式实现目录和课程之间的关系。 0x01.定义与类型 定义:将对象组合成树形结构以表示部分-整体的层次结构,使客户端对单个对象和组合对象保持一致的方式处理 组合模式实现的最关键的地方是:简单对象和复合对象必须实现相同的接口,这就是组合模式能够将组合对象和简单对象进行一致处理的原因。 类型:结...

    jsdt 评论0 收藏0
  • js组合模式和寄生组合模式的区别研究

    摘要:组合模式继承结合了构造函数继承时可以为每个属性重新初始化,构造一个副本的优点,以及原型链继承时一次定义处处共享的优点。但令我百思不得其解的是,从上面给出的例子来看,组合继承并没有调用两次超类型构造函数。 最近在阅读《js权威指南》的继承这一章,对于组合模式和寄生组合模式的区别有点混淆,在多次重读以及尝试之后,得到一些心得。 组合模式继承 结合了构造函数继承时可以为每个属性重新初始化,构...

    tolerious 评论0 收藏0
  • 听飞狐聊JavaScript设计模式系列12

    摘要:,对组合对象执行的操作可以向下传递到叶子节点进行操作。组合模式之图片库图片库可以有选择地隐藏或显示图片库的全部或某一部分单独的或是部分的。 本回内容介绍 上一回,聊了桥接模式,做了一道计算题;介一回,聊组合模式(Composite),官方描述组合模式将对象组合成树形结构以表示部分-整体的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性。 组合模式特性 这里我理了一下,就组...

    HitenDev 评论0 收藏0
  • 一起学设计模式 - 组合模式

    摘要:组合模式的图组成部分组合对象为组合中的对象声明接口,在适当的情况下,实现所有类共有接口的默认行为,声明用于访问和管理其子组件的接口。组合模式对单个对象叶子对象和组合对象容器对象的使用具有一致性。 组合模式(Composite Pattern)属于结构型模式的一种,组合多个对象形成树形结构来表示部分 - 整体的结构层次,对单个对象(叶子对象)和组合对象(容器对象)的使用具有一致性 概述...

    toddmark 评论0 收藏0
  • js设计模式 --- 组合设计模式

    摘要:组合设计模式组合模式,将对象组合成树形结构以表示部分整体的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性。 组合设计模式 组合模式,将对象组合成树形结构以表示部分-整体的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性。它使我们树型结构的问题中,模糊了简单元素和复杂元素的概念,客户程序可以像处理简单元素一样来处理复杂元素,从而使得客户程序与复杂元素的内部结...

    ninefive 评论0 收藏0

发表评论

0条评论

Olivia

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<