组合模式的用途

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

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

更强大的宏命令

  1. var MacroCommand = function () {
  2. return {
  3. commandsList: [],
  4. add: function (command) {
  5. this.commandsList.push(command);
  6. },
  7. execute: function () {
  8. for (var i = 0, command; command = this.commandsList[i++];) {
  9. command.execute();
  10. }
  11. }
  12. }
  13. };
  14. var openAcCommand = {
  15. execute: function () {
  16. console.log('打开空调');
  17. }
  18. };
  19. /**********家里的电视和音响是连接在一起的,所以可以用一个宏命令来组合打开电视和打开音响的命令
  20. *********/
  21. var openTvCommand = {
  22. execute: function () {
  23. console.log('打开电视');
  24. }
  25. };
  26. var openSoundCommand = {
  27. execute: function () {
  28. console.log('打开音响');
  29. }
  30. };
  31. var macroCommand1 = MacroCommand();
  32. macroCommand1.add(openTvCommand);
  33. macroCommand1.add(openSoundCommand);
  34. /*********关门、打开电脑和打登录QQ的命令****************/
  35. var closeDoorCommand = {
  36. execute: function () {
  37. console.log('关门');
  38. }
  39. };
  40. var openPcCommand = {
  41. execute: function () {
  42. console.log('开电脑');
  43. }
  44. };
  45. var openQQCommand = {
  46. execute: function () {
  47. console.log('登录QQ');
  48. }
  49. };
  50. var macroCommand2 = MacroCommand();
  51. macroCommand2.add(closeDoorCommand);
  52. macroCommand2.add(openPcCommand);
  53. macroCommand2.add(openQQCommand);
  54. /*********现在把所有的命令组合成一个“超级命令”**********/
  55. var macroCommand = MacroCommand();
  56. macroCommand.add(openAcCommand);
  57. macroCommand.add(macroCommand1);
  58. macroCommand.add(macroCommand2);
  59. /*********最后给遥控器绑定“超级命令”**********/
  60. var setCommand = (function (command) {
  61. document.getElementById('button').onclick = function () {
  62. command.execute();
  63. }
  64. })(macroCommand);

从这个例子中可以看到,基本对象可以被组合成更复杂的组合对象,组合对象又可以被组合,这样不断递归下去,这棵树的结构可以支持任意多的复杂度。在树最终被构造完成之后,让整颗树最终运转起来的步骤非常简单,只需要调用最上层对象的execute方法。

抽象类在组合模式中的作用

前面说到,组合模式最大的优点在于可以一致地对待组合对象和基本对象。客户不需要知道当前处理的是宏命令还是普通命令,只要它是一个命令,并且有execute方法,这个命令就可以被添加到树中。
这种透明性带来的便利,在静态类型语言中体现得尤为明显。比如在Java中,实现组合模式的关键是Composite类和Leaf类都必须继承自一个Compenent抽象类。这个Compenent抽象类既代表组合对象,又代表叶对象,它也能够保证组合对象和叶对象拥有同样名字的方法,从而可以对同一消息都做出反馈。组合对象和叶对象的具体类型被隐藏在Compenent抽象类身后。

  1. public abstract class Component{
  2. //add方法,参数为Component类型
  3. public void add( Component child ){}
  4. //remove方法,参数为Component类型
  5. public void remove( Component child ){}
  6. }
  7. public class Composite extends Component{
  8. //add方法,参数为Component类型
  9. public void add( Component child ){}
  10. //remove方法,参数为Component类型
  11. public void remove( Component child ){}
  12. }
  13. public class Leaf extends Component{
  14. //add方法,参数为Component类型
  15. public void add( Component child ){
  16. throw new UnsupportedOperationException() // 叶对象不能再添加子节点
  17. }
  18. //remove方法,参数为Component类型
  19. public void remove( Component child ){
  20. }
  21. }
  22. public class client(){
  23. public static void main( String args[] ){
  24. Component root = new Composite();
  25. Component c1 = new Composite();
  26. Component c2 = new Composite();
  27. Component leaf1 = new Leaf();
  28. Component leaf2 = new Leaf();
  29. root.add(c1);
  30. root.add(c2);
  31. c1.add(leaf1);
  32. c1.add(leaf2);
  33. root.remove();
  34. }
  35. }

透明性带来的安全问题

组合模式的透明性使得发起请求的客户不用去顾忌树中组合对象和叶对象的区别,但它们在本质上有是区别的。
组合对象可以拥有子节点,叶对象下面就没有子节点,所以我们也许会发生一些误操作,比如试图往叶对象中添加子节点。解决方案通常是给叶对象也增加add方法,并且在调用这个方法时,抛出一个异常来及时提醒客户,代码如下:

  1. var MacroCommand = function () {
  2. return {
  3. commandsList: [],
  4. add: function (command) {
  5. this.commandsList.push(command);
  6. },
  7. execute: function () {
  8. for (var i = 0, command; command = this.commandsList[i++];) {
  9. command.execute();
  10. }
  11. }
  12. }
  13. };
  14. var openTvCommand = {
  15. execute: function () {
  16. console.log(’打开电视’);
  17. },
  18. add: function () {
  19. throw new Error('叶对象不能添加子节点');
  20. }
  21. };
  22. var macroCommand = MacroCommand();
  23. macroCommand.add(openTvCommand);
  24. openTvCommand.add(macroCommand) // Uncaught Error: 叶对象不能添加子节点

一些值得注意的地方

  • 组合模式不是父子关系
    组合模式的树型结构容易让人误以为组合对象和叶对象是父子关系,这是不正确的。
    组合模式是一种HAS-A(聚合)的关系,而不是IS-A。组合对象包含一组叶对象,但Leaf并不是Composite的子类。组合对象把请求委托给它所包含的所有叶对象,它们能够合作的关键是拥有相同的接口。
  • 对叶对象操作的一致性
    组合模式除了要求组合对象和叶对象拥有相同的接口之外,还有一个必要条件,就是对一组叶对象的操作必须具有一致性。
    比如公司要给全体员工发放元旦的过节费1000块,这个场景可以运用组合模式,但如果公司给今天过生日的员工发送一封生日祝福的邮件,组合模式在这里就没有用武之地了,除非先把今天过生日的员工挑选出来。只有用一致的方式对待列表中的每个叶对象的时候,才适合使用组合模式。
  • 双向映射关系
    发放过节费的通知步骤是从公司到各个部门,再到各个小组,最后到每个员工的邮箱里。这本身是一个组合模式的好例子,但要考虑的一种情况是,也许某些员工属于多个组织架构。比如某位架构师既隶属于开发组,又隶属于架构组,对象之间的关系并不是严格意义上的层次结构,在这种情况下,是不适合使用组合模式的,该架构师很可能会收到两份过节费。
    这种复合情况下我们必须给父节点和子节点建立双向映射关系,一个简单的方法是给小组和员工对象都增加集合来保存对方的引用。但是这种相互间的引用相当复杂,而且对象之间产生了过多的耦合性,修改或者删除一个对象都变得困难,此时我们可以引入中介者模式来管理这些对象。
  • 用职责链模式提高组合模式性能
    在组合模式中,如果树的结构比较复杂,节点数量很多,在遍历树的过程中,性能方面也许表现得不够理想。有时候我们确实可以借助一些技巧,在实际操作中避免遍历整棵树,有一种现成的方案是借助职责链模式。职责链模式一般需要我们手动去设置链条,但在组合模式中,父对象和子对象之间实际上形成了天然的职责链。让请求顺着链条从父对象往子对象传递,或者是反过来从子对象往父对象传递,直到遇到可以处理该请求的对象为止,这也是职责链模式的经典运用场景之一。

引用父对象

组合对象保存了它下面的子节点的引用,这是组合模式的特点,此时树结构是从上至下的。但有时候我们需要在子节点上保持对父节点的引用,比如在组合模式中使用职责链时,有可能需要让请求从子节点往父节点上冒泡传递。还有当我们删除某个文件的时候,实际上是从这个文件所在的上层文件夹中删除该文件的。

  1. var Folder = function (name) {
  2. this.name = name;
  3. this.parent = null; //增加this.parent属性
  4. this.files = [];
  5. };
  6. Folder.prototype.add = function (file) {
  7. file.parent = this; //设置父对象
  8. this.files.push(file);
  9. };
  10. Folder.prototype.scan = function () {
  11. console.log('开始扫描文件夹: ' + this.name);
  12. for (var i = 0, file, files = this.files; file = files[i++];) {
  13. file.scan();
  14. }
  15. };
  16. Folder.prototype.remove = function () {
  17. if (!this.parent) { //根节点或者树外的游离节点
  18. return;
  19. }
  20. for (var files = this.parent.files, l = files.length - 1; l & gt;= 0; l-- ) {
  21. var file = files[l];
  22. if (file === this) {
  23. files.splice(l, 1);
  24. }
  25. }
  26. };
  27. var File = function (name) {
  28. this.name = name;
  29. this.parent = null;
  30. };
  31. File.prototype.add = function () {
  32. throw new Error('不能添加在文件下面');
  33. };
  34. File.prototype.scan = function () {
  35. console.log('开始扫描文件: ' + this.name);
  36. };
  37. File.prototype.remove = function () {
  38. if (!this.parent) { //根节点或者树外的游离节点
  39. return;
  40. }
  41. for (var files = this.parent.files, l = files.length - 1; l & gt;= 0; l-- ) {
  42. var file = files[l];
  43. if (file === this) {
  44. files.splice(l, 1);
  45. }
  46. }
  47. };
  48. var folder = new Folder('学习资料');
  49. var folder1 = new Folder('JavaScript');
  50. var file1 = new Folder('深入浅出Node.js');
  51. folder1.add(new File('JavaScript设计模式与开发实践'));
  52. folder.add(folder1);
  53. folder.add(file1);
  54. folder1.remove(); //移除文件夹
  55. folder.scan();

何时使用组合模式

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

  • 表示对象的部分-整体层次结构。组合模式可以方便地构造一棵树来表示对象的部分-整体结构。特别是我们在开发期间不确定这棵树到底存在多少层次的时候。在树的构造最终完成之后,只需要通过请求树的最顶层对象,便能对整棵树做统一的操作。在组合模式中增加和删除树的节点非常方便,并且符合开放-封闭原则。
  • 客户希望统一对待树中的所有对象。组合模式使客户可以忽略组合对象和叶对象的区别,客户在面对这棵树的时候,不用关心当前正在处理的对象是组合对象还是叶对象,也就不用写一堆if、else语句来分别处理它们。组合对象和叶对象会各自做自己正确的事情,这是组合模式最重要的能力。