JavaScript 设计模式之组合模式

article/2025/10/25 15:59:44

我们知道地球和一些其他行星围绕着太阳旋转,也知道在一个原子中,有许多电子围绕着原子核旋转。我曾经想象,我们的太阳系也许是一个更大世界里的一个原子,地球只是围绕着太阳原子的一个电子。而我身上的每个原子又是一个星系,原子核就是这个星系中的恒星,电子是围绕着恒星旋转的行星。一个电子中也许还包含了另一个宇宙,虽然这个宇宙还不能被显微镜看到,但我相信它的存在。

也许这个想法有些异想天开,但在程序设计中,也有一些和“事物是由相似的子事物构成”类似的思想。组合模式就是用小的子对象来构建更大的对象,而这些小的子对象本身也许是由更小的“孙对象”构成的。

回顾宏命令

宏命令对象包含了一组具体的子命令对象,不管是宏命令对象,还是子命令对象,都有
一个execute方法负责执行命令。

现在我们来造一个“万能遥控器”

// 新建一个关门的命令
var closeDoorCommand = {execute: function(){console.log( '关门' );}
};
// 新建一个开电脑的命令
var openPcCommand = {execute: function(){console.log( '开电脑' );}
};
// 登陆QQ的命令
var openQQCommand = {execute: function(){console.log( '登录QQ' );}
};// 创建一个宏命令
var MacroCommand = function(){return {// 宏命令的子命令列表commandsList: [],// 添加命令到子命令列表add: function( command ){this.commandsList.push( command );},// 依次执行子命令列表里面的命令execute: function(){for ( var i = 0, command; command = this.commandsList[ i++ ]; ){command.execute();}}}
};var macroCommand = MacroCommand();
macroCommand.add( closeDoorCommand );
macroCommand.add( openPcCommand );
macroCommand.add( openQQCommand );
macroCommand.execute();

通过观察这段代码,我们很容易发现,宏命令中包含了一组子命令,它们组成了一个树形结构,这里是一棵结构非常简单的树

其中,marcoCommand被称为组合对象,closeDoorCommand、openPcCommand、openQQCommand都是叶对象。在macroCommand的execute方法里,并不执行真正的操作,而是遍历它所包含的叶对象,把真正的execute请求委托给这些叶对象。

macroCommand表现得像一个命令,但它实际上只是一组真正命令的“代理”。并非真正的代理,虽然结构上相似,但macroCommand只负责传递请求给叶对象,它的目的不在于控制对叶对象的访问。

组合模式的用途

组合模式将对象组合成树形结构,以表示“部分-整体”的层次结构。除了用来表示树形结构之外,组合模式的另一个好处是通过对象的多态性表现,使得用户对单个对象和组合对象的使用具有一致性,下面分别说明。

  • 表示树形结构。通过回顾上面的例子,我们很容易找到组合模式的一个优点:提供了一种遍历树形结构的方案,通过调用组合对象的execute方法,程序会递归调用组合对象下面的叶对象的execute方法,所以我们的万能遥控器只需要一次操作,便能依次完成关
    门、打开电脑、登录QQ这几件事情。组合模式可以非常方便地描述对象部分-整体层次结构。
  • 利用对象多态性统一对待组合对象和单个对象。利用对象的多态性表现,可以使客户端忽略组合对象和单个对象的不同。在组合模式中,客户将统一地使用组合结构中的所有对象,而不需要关心它究竟是组合对象还是单个对象。

这在实际开发中会给客户带来相当大的便利性,当我们往万能遥控器里面添加一个命令的时候,并不关心这个命令是宏命令还是普通子命令。这点对于我们不重要,我们只需要确定它是一个命令,并且这个命令拥有可执行的execute方法,那么这个命令就可以被添加进万能遥控器。

当宏命令和普通子命令接收到执行execute方法的请求时,宏命令和普通子命令都会做它们各自认为正确的事情。这些差异是隐藏在客户背后的,在客户看来,这种透明性可以让我们非常自由地扩展这个万能遥控器。

请求在树中传递的过程

在组合模式中,请求在树中传递的过程总是遵循一种逻辑。

以宏命令为例,请求从树最顶端的对象往下传递,如果当前处理请求的对象是叶对象(普通子命令),叶对象自身会对请求作出相应的处理;如果当前处理请求的对象是组合对象(宏命令),组合对象则会遍历它属下的子节点,将请求继续传递给这些子节点。

总而言之,如果子节点是叶对象,叶对象自身会处理这个请求,而如果子节点还是组合对象,请求会继续往下传递。叶对象下面不会再有其他子节点,一个叶对象就是树的这条枝叶的尽头,组合对象下面可能还会有子节点

请求从上到下沿着树进行传递,直到树的尽头。作为客户,只需要关心树最顶层的组合对象,客户只需要请求这个组合对象,请求便会沿着树往下传递,依次到达所有的叶对象。

由于上面这个宏命令和子命令组成的树太过简单,我们还不能清楚地看到组合模式带来的好处,如果只是简单地遍历一组子节点,迭
代器便能解决所有的问题。接下来我们将创造一个更强大的宏命令,这个宏命令中又包含了另外一些宏命令和普通子命令,看起来是一棵相对较复杂的树。

更强大的宏命令

目前的“万能遥控器”,包含了关门、开电脑、登录QQ这3个命令。现在我们需要一个“超级万能遥控器”,可以控制家里所有的电器,这个遥控器拥有以下功能:

  • 打开空调
  • 打开电视和音响
  • 关门、开电脑、登录QQ
// 创建一个宏命令
var MacroCommand = function(){return {// 宏命令的子命令列表commandsList: [],// 添加命令到子命令列表add: function( command ){this.commandsList.push( command );},// 依次执行子命令列表里面的命令execute: function(){for ( var i = 0, command; command = this.commandsList[ i++ ]; ){command.execute();}}}
};<!--打开空调命令-->
var openAcCommand = {execute: function(){console.log( '打开空调' );}
};<!--打开电视和音响-->
var openTvCommand = {execute: function(){console.log( '打开电视' );}
};
var openSoundCommand = {execute: function(){console.log( '打开音响' );}
};
//创建一个宏命令
var macroCommand1 = MacroCommand();
//把打开电视装进这个宏命令里
macroCommand1.add(openTvCommand)
//把打开音响装进这个宏命令里
macroCommand1.add(openSoundCommand)<!--关门、打开电脑和打登录QQ的命令-->
var closeDoorCommand = {execute: function(){console.log( '关门' );}
};
var openPcCommand = {execute: function(){console.log( '开电脑' );}
};
var openQQCommand = {execute: function(){console.log( '登录QQ' );}
};
//创建一个宏命令
var macroCommand2 = MacroCommand();
//把关门命令装进这个宏命令里
macroCommand2.add( closeDoorCommand );
//把开电脑命令装进这个宏命令里
macroCommand2.add( openPcCommand );
//把登录QQ命令装进这个宏命令里
macroCommand2.add( openQQCommand );<!--把各宏命令装进一个超级命令中去-->
var macroCommand = MacroCommand();
macroCommand.add( openAcCommand );
macroCommand.add( macroCommand1 );
macroCommand.add( macroCommand2 );

从以上代码可以看出基本对象可以被组合成更复杂的组合对象,合对象又可以被组合,这样不断递归下去,这棵树的结构可以支持任意多的复杂度。在树最终被构造完成之后,让整颗树最终运转起来的步骤非常简单,只需要调用最上层对象的execute方法。每当对最上层的对象进行一次请求时,实际上是在对整个树进行深度优先的搜索,而创建组合对象的程序员并不关心这些内在的细节,往这棵树里面添加一些新的节点对象是非常容易的事情。

透明性带来的安全问题

组合模式的透明性使得发起请求的客户不用去顾忌树中组合对象和叶对象的区别,但它们在本质上有是区别的。

组合对象可以拥有子节点,叶对象下面就没有子节点,所以我们也许会发生一些误操作,比如试图往叶对象中添加子节点。解决方案通常是给叶对象也增加add方法,并且在调用这个方法时,抛出一个异常来及时提醒客户,

一些值得注意的地方

在使用组合模式的时候,还有以下几个值得我们注意的地方。

1.组合模式不是父子关系

组合模式的树型结构容易让人误以为组合对象和叶对象是父子关系,这是不正确的。

2.对叶对象操作的一致性

组合模式除了要求组合对象和叶对象拥有相同的接口之外,还有一个必要条件,就是对一组叶对象的操作必须具有一致性。

比如公司要给全体员工发放元旦的过节费1000块,这个场景可以运用组合模式,但如果公司给今天过生日的员工发送一封生日祝福的邮件,组合模式在这里就没有用武之地了,除非先把今天过生日的员工挑选出来。只有用一致的方式对待列表中的每个叶对象的时候,才适合使用组合模式。

3.双向映射关系

发放过节费的通知步骤是从公司到各个部门,再到各个小组,最后到每个员工的邮箱里。这本身是一个组合模式的好例子,但要考虑的一种情况是,也许某些员工属于多个组织架构。比如某位架构师既隶属于开发组,又隶属于架构组,对象之间的关系并不是严格意义上的层次结构,在这种情况下,是不适合使用组合模式的,该架构师很可能会收到两份过节费。

4.用职责链模式提高组合模式性能

在组合模式中,如果树的结构比较复杂,节点数量很多,在遍历树的过程中,性能方面也许表现得不够理想。有时候我们确实可以借助一些技巧,在实际操作中避免遍历整棵树,有一种现成的方案是借助职责链模式。职责链模式一般需要我们手动去设置链条,但在组合模式中,父对象和子对象之间实际上形成了天然的职责链。让请求顺着链条从父对象往子对象传递,或者是反过来从子对象往父对象传递,直到遇到可以处理该请求的对象为止,这也是职责链模式的经典运用场景之一。

何时使用组合模式

组合模式如果运用得当,可以大大简化客户的代码。一般来说,组合模式适用于以下这两种情况。

  • 表示对象的部分-整体层次结构。组合模式可以方便地构造一棵树来表示对象的部分-整体结构。特别是我们在开发期间不确定这棵
    树到底存在多少层次的时候。在树的构造最终完成之后,只需要通过请求树的最顶层对象,便能对整棵树做统一的操作。在组合模式
    中增加和删除树的节点非常方便,并且符合开放-封闭原则。

  • 客户希望统一对待树中的所有对象。组合模式使客户可以忽略组合对象和叶对象的区别,客户在面对这棵树的时候,不用关心当前正在处理的对象是组合对象还是叶对象,也就不用写一堆if、else语句来分别处理它们。组合对象和叶对象会各自做自己正确的事
    情,这是组合模式最重要的能力。


http://chatgpt.dhexx.cn/article/O6tEq57l.shtml

相关文章

JavaScript设计模式

JavaScript设计模式 设计模式&#xff1a;代码经验的总结&#xff0c;是可重用的用于解决软件设计中一般问题的方案。 设计模式都是面向对象的。 学习设计模式&#xff0c;有助于写出可复用和可维护性高的程序。 常用的12种设计模式&#xff1a; 工厂模式 单例模式 原型模…

JavaScript中常见的十五种设计模式

一、单例模式 二、策略模式 三、代理模式 四、迭代器模式 五、发布—订阅模式 六、命令模式 七、组合模式 八、模板方法模式 九、享元模式 十、职责链模式 十一、中介者模式 十二、装饰者模式 十三、状态模式 十四、适配器模式 十五、外观模式 一、单例模式 1. …

JS 常用的六种设计模式介绍

常用设计模式 前言 我们经常听到一句话&#xff0c;“写代码要有良好的封装&#xff0c;要高内聚&#xff0c;低耦合”。究竟怎样的代码才算得上是良好的代码。 什么是高内聚&#xff0c;低耦合&#xff1f; 即五大基本原则&#xff08;SOLID&#xff09;的简写 高层模块不…

git工具统计项目的代码行数

1、git 查看代码的项目总行数 &#xff08;1&#xff09;打开Git终端&#xff0c;进入项目的根目录 git log --prettytformat: --numstat | awk { add $1; subs $2; loc $1 - $2 } END { printf "added lines: %s, removed lines: %s, total lines: %s\n", add,…

小技巧之统计代码行数

欢迎关注我的微信公众号“人小路远”哦&#xff0c;在这里我将会记录自己日常学习的点滴收获与大家分享&#xff0c;以后也可能会定期记录一下自己在外读博的所见所闻&#xff0c;希望大家喜欢&#xff0c;感谢支持&#xff01; 搞了两个月&#xff0c;连搬带抄写出来的代码&a…

MAC代码下统计代码行数工具

作为一名程序员在很多的时候需要统计代码行数&#xff1a; 支持windows系统的代码行数统计方法以及软件很多&#xff0c;但是MAC系统的统计代码行数的真的不太多。 大家都知道用 wc -l 命令进行代码行数统计&#xff0c;但是它会将代码中的注释、空行所占用的文本行都统计在内…

cloc工具 命令行 统计代码行数

基本用法 &#xff1a;cloc后面跟目录名&#xff0c;文件名&#xff0c;或压缩文件名 例如&#xff1a; cloc ./application 1.安装(参考官网http://cloc.sourceforge.net/#apt-get) 根据操作系统不同&#xff0c;选择以下任意安装方法 sudo npm install -g cloc …

程序代码行数统计

程序写完了&#xff0c;提交著作权的时候不知道代码行数是多少怎么办&#xff1f; 介绍 软件名称兼容系统下载地址代码统计工具Windows软件下载 下面我们开始教程 打开主应用程序点击加号添加程序项目所在的目录点击按钮选择需要统计文件的文件后缀&#xff0c;看个人需求如…

计代码行数cloc,一个代码统计行数很好用的工具

分为window、mac系统区分&#xff0c;基本是一样的&#xff0c;一个代码统计行数很好用的工具。 CLOC简介 Cloc是一款使用Perl语言开发的开源代码统计工具&#xff0c;支持多平台使用、多语言识别&#xff0c;能够计算指定目标文件或文件夹中的文件数&#xff08;files&#x…

统计代码量-代码统计工具 CLOC | gitlab统计代码量

文章目录 一、代码统计工具 CLOC什么是CLOC?下载安装clocs使用 二、gitlab统计代码量命令行统计图形化统计IDE Statistic统计代码插件 一、代码统计工具 CLOC 什么是CLOC? github: https://github.com/AlDanial/cloc CLOC是Count Lines of Code的意思&#xff0c;可以计算…

Python实现一个代码行数统计工具(以C/C++为例)

前几天在网上看到一个有意思的题&#xff0c;题目是设计一个代码行数统计工具。这类工具我经常会用到&#xff0c;但是具体是如何实现的呢&#xff1f;这个问题我还从未思考过&#xff0c;于是便试着做出这种工具。 题目描述是这样的&#xff1a; 题目要求&#xff1a;   请…

统计项目代码行数工具cloc

Ubuntu用户 使用cloc在ubuntu内统计代码行数 安装cloc工具 sudo apt-get install cloc进入需要统计的目录内&#xff0c;然后执行 cloc .然后就会显示文件目录中的文件数(files)、空白行数(blank)、注释行数(comment)和代码行数(code)。 Windows 用户 也是使用cloc工具 …

Win10 代码行数统计工具CLOC的安装和使用

简介 CLOC(Count Lines of Code)&#xff0c;是一个可以统计多种编程语言中空行、评论行和物理行的工具。这个工具还是蛮实用的&#xff0c;可以帮我们快速了解一个项目中代码的信息。 注&#xff1a;底下这个命令可以实现统计代码行数的功能&#xff0c;只是不排除空行和注释…

代码行数统计小工具

一、先下载好SourceCounter小工具。解压&#xff0c;然后直接打开文件夹中的SourceCounter.exe。如果没有找到此工具的下载链接&#xff0c;点这里下载 二、选择代码类型&#xff0c;勾选上所有类型 三、双击点开后&#xff0c;选择文件夹&#xff0c;就可以直接统计出字…

在项目开发中统计代码行数的6种方式

文章目录 一、使用find和wc命令统计代码行数进行参数的过滤筛选命令参数简要说明 二、PowerShell工具统计代码行数条件过滤输出所有文件的行数PowerShell相关命令的简要说明 三、git命令git ls-filesgit log 四、代码编辑器插件五、jscpd六、自己实现一个注释和空行忽略目录和文…

chatgpt赋能python:Python代码行数统计-统计Python代码行数的常用工具与使用方法

Python代码行数统计 - 统计Python代码行数的常用工具与使用方法 Python编程语言是当今最流行的编程语言之一&#xff0c;在数据科学、人工智能、Web应用程序等许多领域都得到了广泛应用。当我们开发Python项目时&#xff0c;我们经常需要统计代码行数以管理代码库并监视进度。…

局域网电脑使用同一台鼠标键盘控制

问题又来了,我现在有两个电脑&#xff0c;局域网相连&#xff0c;但是我只有一套键盘鼠标啊&#xff0c;办公特别不方便&#xff0c;现在有工具可以让我们达到这个目的。 微软推出的 Mouse without Borders (无界鼠标)&#xff0c;这是一个免费的工具大家可以放心。下载地址为…

用一套键鼠控制两台主机

自己最近做一个项目涉及到以下场景&#xff1a;需要在一台window10系统的电脑上看一些文档&#xff0c;同时在一台装Ubuntu1804的电脑上跑一些代码。因此需要同时用两套鼠标键盘&#xff0c;切换起来十分麻烦&#xff0c;而且经常会拿错。因此参考博客解决了用一套键鼠控制两台…

Synergy两台电脑使用同一个鼠标和键盘

###分享一款共享鼠标和键盘的软件&#xff0c;即两台电脑使用同一个鼠标和键盘&#xff01; Synergy是一款跨平台的键盘鼠标共享软件&#xff0c;日前我们提供了Synergy 和Synergy 64位的Win版本、Synergy Mac版&#xff0c;Synergy 能够让使用者仅用一套键盘鼠标&#xff0c;就…

如何把笔记本做台式机的副屏(一套键鼠控制两台电脑)

通过一套键鼠控制两台电脑 前提安装所需的软件一、 简介二、 安装2.1 小技巧 前提 两台电脑在同一个局域网内&#xff0c;并且均为windows操作系统 例如两台电脑链接的同一个WIFI&#xff0c;或者笔记本无线连接路由&#xff0c;台式机插网线链接路由 只有在同一个局域网内才能…