设计模式中的组合模式在javascript程序构建中的使用

《设计模式中的组合模式在javascript程序构建中的使用》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解设计模式中的组合模式在JavaScript程序构建中的使用　　组合模式一般是将一系列类似的小对象组合成大的对象,由这个大对象提供接口来对里面的小对象进行操作,下买呢我们来详细看一下设计模式中的组合模式在JavaScript程序构建中的使用　　定义　　组合，顾名思义是指用包含多个部件的对象创建单一实体。这个单一实体将用作所有这些部件的访问点，虽然这大大简化了操作，但也可能具有相当的欺骗性，因为没有哪种隐性方式明确表明该组合包含多

2、少部件。　　组合模式的目标是解耦客户程序与复杂元素内部架构，使得客户程序对待所有子元素都一视同仁。　　每个子节点都可以使复杂的存在，对于父节点来说，不需要知道子节点的复杂性或者实现子节点的复杂性，只需要关注子节点的特定方法，便可以使用子节点。简化了父和子之间的关系。　　对于子节点来说也是一样的，过多的接口暴露有时候也是一种滥用，同时也减少了对外部的依赖。　　示例　　我们最好使用例证解说组合。在下图中，您可以看到两种不同类型的对象：容器和库是组合，图像是叶片。对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大

3、人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解组合可承载子项，但一般不会实施更多行为。叶片包含绝大多数行为，但不能承载子项，至少在传统的组合示例中不可以。　　此示例创建图片库，将其作为组合模式示例。只有三个层次：专辑、库和图像。专辑和库将作为组合，图像是叶片，如上面那张图所示。这是一种比组合本身需求更加明确的结构，但对于本示例而言，将这些层次仅限制为组合或叶片很有意义。标准组合不会限制哪些结构层次可以具有叶片，也不会限制叶片数量。　　要开始操作，应首先创

4、建用于专辑和库的GalleryComposite“类”。请注意，我正在使用jQuery执行DOM操作以简化过程。　　varGalleryComposite=function(heading,id){　　 this.children=[];　　 this.element=$('')　　 .append(''+heading+'');　　}　　GalleryComposite.prototype={　　 add:function(child){　　  this.children.push(child);　　  this.element.append(child.get

5、Element());　　 },对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　 remove:function(child){　　  for(varnode,i=0;node=this.getChild(i);i++){　　   if(node==child){　　    this.children.splice(i,1);　　    this

6、.element.detach(child.getElement());　　    returntrue;　　   }　　   if(node.remove(child)){　　    returntrue;　　   }　　  }　　  returnfalse;　　 },　　 getChild:function(i){　　  returnthis.children[i];　　 },　　 hide:function(){　　  for(varnode,i=0;node=this.getChild(i);i++){　　   node.hide();对党的认识也有了进一

7、步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　  }　　  this.element.hide(0);　　 },　　 show:function(){　　  for(varnode,i=0;node=this.getChild(i);i++){　　   node.show();　　  }　　  this.element.show(0);　　 },　　 getEle

8、ment: