位置: 编程技术 - 正文
深入理解JavaScript系列（40）：设计模式之组合模式详解(深入理解新发展理念)
编辑：rootadmin推荐整理分享深入理解JavaScript系列（40）：设计模式之组合模式详解(深入理解新发展理念)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:深入理解新发展理念,推进供给侧结构性改革,深入理解新发展理念,推进供给侧结构性改革,深入理解javascript,深入理解中国式现代化,深入理解javascript特性.pdf,深入理解javascript特性.pdf,深入理解计算机系统,深入理解javascript,内容如对您有帮助，希望把文章链接给更多的朋友！
介绍
组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构，组合模式使得用户对单个对象和组合对象的使用具有一致性。
常见的场景有asp.net里的控件机制（即control里可以包含子control，可以递归操作、添加、删除子control），类似的还有DOM的机制，一个DOM节点可以包含子节点，不管是父节点还是子节点都有添加、删除、遍历子节点的通用功能。所以说组合模式的关键是要有一个抽象类，它既可以表示子元素，又可以表示父元素。
正文
举个例子，有家餐厅提供了各种各样的菜品，每个餐桌都有一本菜单，菜单上列出了该餐厅所偶的菜品，有早餐糕点、午餐、晚餐等等，每个餐都有各种各样的菜单项，假设不管是菜单项还是整个菜单都应该是可以打印的，而且可以添加子项，比如午餐可以添加新菜品，而菜单项咖啡也可以添加糖啊什么的。
这种情况，我们就可以利用组合的方式将这些内容表示为层次结构了。我们来逐一分解一下我们的实现步骤。
第一步，先实现我们的“抽象类”函数MenuComponent：该函数提供了2种类型的方法，一种是获取信息的，比如价格，名称等，另外一种是通用操作方法，比如打印、添加、删除、获取子菜单。
第二步，创建基本的菜品项：
由代码可以看出，我们只重新了原型的4个获取信息的方法和print方法，没有重载其它3个操作方法，因为基本菜品不包含添加、删除、获取子菜品的方式。
第三步，创建菜品：注意上述代码，除了实现了添加、删除、获取方法外，打印print方法是首先打印当前菜品信息，然后循环遍历打印所有子菜品信息。
第四步，创建指定的菜品：
我们可以创建几个真实的菜品，比如晚餐、咖啡、糕点等等，其都是用Menu作为其原型，代码如下：第五步，创建最顶级的菜单容器——菜单本：该函数接收一个菜单数组作为参数，并且值提供了printMenu方法用于打印所有的菜单内容。
第六步，调用方式：熟悉asp.net控件开发的同学，是不是看起来很熟悉？
总结
组合模式的使用场景非常明确：
你想表示对象的部分-整体层次结构时；你希望用户忽略组合对象和单个对象的不同，用户将统一地使用组合结构中的所有对象（方法）另外该模式经常和装饰者一起使用，它们通常有一个公共的父类（也就是原型），因此装饰必须支持具有add、remove、getChild操作的 component接口。
深入理解JavaScript系列（）：设计模式之模板方法详解 介绍模板方法（TemplateMethod）定义了一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该
深入理解JavaScript系列（）：设计模式之适配器模式详解 介绍适配器模式（Adapter）是将一个类（对象）的接口（方法或属性）转化成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不
深入理解JavaScript系列（）：设计模式之职责链模式详解 介绍职责链模式（Chainofresponsibility）是使多个对象都有机会处理请求，从而避免请求的发送者和接受者之间的耦合关系。将这个对象连成一条链，并沿
标签: 深入理解新发展理念
本文链接地址:https://www.jiuchutong.com/biancheng/382863.html 转载请保留说明！上一篇：深入理解JavaScript系列（33）：设计模式之策略模式详解(深入理解新发展理念)
下一篇：深入理解JavaScript系列（41）：设计模式之模板方法详解(深入理解中国式现代化)
