javascript设计模式之组合模式原理与应用详解-创新互联
本文实例讲述了javascript 设计模式之组合模式原理与应用。分享给大家供大家参考,具体如下:
成都创新互联:公司2013年成立为各行业开拓出企业自己的“网站建设”服务,为上千多家公司企业提供了专业的成都做网站、网站制作、成都外贸网站建设、网页设计和网站推广服务, 按需定制开发由设计师亲自精心设计,设计的效果完全按照客户的要求,并适当的提出合理的建议,拥有的视觉效果,策划师分析客户的同行竞争对手,根据客户的实际情况给出合理的网站构架,制作客户同行业具有领先地位的。组合模式说明
组合模式用于简单化,一致化对单组件和复合组件的使用;其实它就是一棵树;
这棵树有且只有一个根,访问入口,如果它不是一棵空树,那么由一个或几个树枝节点以及子叶节点组成,每个树枝节点还包含自己的子树枝以及子叶节点;
在面向对象编程中,叶子以及复杂对象(树枝节点)都继承一个接口或抽象类分别实现;
这个抽象定义一般三个部分组成,组件的基本信息,Add方法,Remove方法;
叶子节点只包含本身的数据,Add, Remove 基本为空操作;
树枝节点实现组件时,一般包含一个数组定义,用于存储子叶或树枝节点,还包括一个获取所有子节点的方法: 如GetList;
实例场景:
1>. 自然界中的各种树,树长在大地人,树头(树根),即是入口点,这棵树头向上生长,即有自己的叶子,又有自己的子树枝,某树枝还有自己的叶子,跟子树枝;
2>. 操作系统目录结构、公司部门组织架构、国家省市县、宇宙万物都有单独元物质以及物物包含的现象,像这么看起来复杂的现象,都可以使用组合模式,即部分-整体模式来操作;
一棵树:
组合模式结构图:
实例源码
1. Component 组件;
function Component() { this.name = ''; } Component.prototype = { Add: function(comp) { //rewrite }, Remove: function(name) { //rewrite }, set: function(name) { this.name = name; }, operate: function() { //... } } var comp = new Component();
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前标题:javascript设计模式之组合模式原理与应用详解-创新互联
本文URL:http://scyanting.com/article/ijsgd.html