设计模式－－组合模式

发表于

组合模式的作用

组合模式将对象组成树形结构，以表示’整体－部分’的结构。利用对象的多态性统一对待组合对象和单个对象。
树结构的节点分为组合节点和叶节点。叶节点下面不会再有节点，组合节点下面可能还有其他组合节点和叶节点。

什么时候使用组合模式

  1. 表示对象的部分－整体层次结构。
  2. 客户希望统一对待树中的所有对象。

例子：扫描文件夹

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
//folder是组合节点
var Folder=function(name) {
  this.name=name;
  this.files=[];
}
Folder.prototype.add=function(file) {
  this.files.push(file);
}
Folder.prototype.scan=function() {
  console.log('开始扫描文件夹：',this.name);
  for (var i=0;i<this.files.length;i++) {
      this.files[i].scan();
  }
}
//file是叶节点
var File=function(name) {
  this.name=name;
}
File.prototype.add =function() {
  throw new Error('文件下面不能再添加文件');
}
File.prototype.scan=function() {
  console.log('当前文件名：',this.name);
}
//使用
var folder1=new Folder('所有资料');
var folder2=new Folder('生活资料');
var folder3=new Folder('工作资料');
var file1=new File('数学');
var file2=new File('语文');
var file3=new File('钻木取火');
var file4=new File('nodeJs从入门到放弃');
folder1.add(file1);
folder1.add(file2);
folder2.add(file3);
folder3.add(file4);
folder1.add(folder2);
folder1.add(folder3);
folder1.scan();

值得注意的地方

  1. 组合模式不是父子关系，而是一种（HAS－A）聚合关系。
  2. 对一组叶对象的操作必须具有一致性。也就是说不能对某个叶对象单独操作，要一视同仁。
  3. 为️防止一个叶节点关联到多个组合对象，需要建立组合节点和叶节点的双向映射关系。

保持叶节点和组合节点的关联。比如在组合模式中使用职责链时，有可能需要让请求从子节点往父节点上冒泡传递。当我们删除某个文件时，实际是从这个文件所在的上层文件夹中删除这个文件。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
var Folder=function(name) {
  this.name=name;
  this.parent=null;
  this.files=[];
}
Folder.prototype.add=function(file) {
  this.files.push(file);
  file.parent=this;
}
Folder.prototype.scan=function() {
  console.log('开始扫描文件夹：',this.name);
  for (var i=0;i<this.files.length;i++) {
      this.files[i].scan();
  }
}
Folder.prototype.rmove=function() {
    //根节点
  if (!this.parent) {
      return;
  }
  for (var files=this.parent.files,i=files.length-1;i>=0;i--) {
      var file=files[i];
      if (file===this) {
          files.splice(i,1);
      }
  }
}
var File=function(name) {
  this.name=name;
  this.parent=null;
}
File.prototype.add=function() {
  throw new Error('不能添加在文件下面');
}
File.prototype.scan=function() {
  console.log('扫描到文件：',this.name);
}
File.prototype.remove=function() {
  if (!this.parent) {
        return;
    }
    for (var files=this.parent.files,i=files.length-1;i>=0;i--) {
        var file=files[i];
        if (file===this) {
            files.splice(i,1);
        }
    }
}