《javascript设计模式》学习笔记七：Javascript面向对

　　编程题目在哪里搜题html编程软件本文实例讲述了Javascript面向对象程序设计组合模式。分享给大家供大家参考，具体如下：

　　关于组合模式的定义：组合模式(Composite Pattern)有时候又叫做部分-整体模式，它使我们树型结构的问题中，模糊了简单元素和复杂元素的概念，客户程序可以向处理简单元素一样来处理复杂元素,从而使得客户程序与复杂元素的内部结构解耦ASP编程。来自百度百科：

　　其实从面向对象之五之后，与javascript本身关系不是很大，更重要的是设计模式的一些概念，只要了解javascript面向对象的一般知识，掌握设计模式的含义，代码本身并不是很难。

　　这里简单说一下组合模式，其实组合模式就是将一系列相似或相近的对象组合在一个大的对象，由这个大对象提供一些常用的接口来对这些小对象进行操作，代码可重用，对外操作简单。例如对于一个form里的元素，不考虑页面设计的情况下，一般就剩下input了，对于这些input都有name和value的属性，因此可以将这些input元素作为form对象的成员组合起来，form对象提供对外的接口，便可以实现一些简单的操作，比如设置某个input的value，添加/删除某个input等等……

　　介绍：组合模式又叫部分整体模式，用于把一组相似的对象当作一个单一的对象。组合模式依据树形结构来组合对象，用来表示部分以及整体层次

　　定义：组合多个对象形成树形结构以表示具有整体一部分关系的层次机构。组合模式对单个对象（即叶子对象）和组合对象（即容器对象）的使用具有一致性，组合模式又可以成为整体一部分模式。

　　场景：我们对公司的人员架构进行一下打印，假设所有管理岗和开发岗的区别只有一个，是不是有下级员工。我们来实现下：

　　这里我们简单写的这个demo，用来对公司组织架构进行遍历输出。因为rd和leader具体职能的不同，我们把技术和管理分为两大类。但是这样的设计存在很多问题：

　　* 可扩展性差，当一个新的职位产生，在对其归类时是新增一个还是放到已有类目下面都是一个问题。

　　大家可以对比下两段代码的差异，我们用一个Employee类来替换leader和rd类，其实这就是组合模式的关键：

　　定义一个抽象类，它既可以代表leader也可以代表rd，添加、打印时也基于Employee类，而无需知道这个人是什么角色。可以对其进行统一处理。

　　* 无法对生成结果进行限制，不能像第一个例子一样，所有的rd都没有下级员工属性，也没有对应方法。所以在使用时要注意这些约束

　　感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码运行效果。

　　更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》