组合模式可以让我们用树形方式创建对象的结构，我们可以把相同的操作应用在组合对象和单个对象上。然而缺点在于：系统中每个对象看起来都差不多，只有在运行时才能看出区别；而且，如果通过组合模式创建了太多的对象，系统可能会崩溃。
组合模式如果运用得当，可以大大简化客户的代码。一般来说，组合模式适用于以下这两种情况。
- 表示对象的部分-整体层次结构。组合模式可以方便地构造一棵树来表示对象的部分-整体结构。特别是我们在开发期间不确定这棵树到底存在多少层次的时候。在树的构造最终完成之后，只需要通过请求树的最顶层对象，便能对整棵树做统一的操作。在组合模式中增加和删除树的节点非常方便，并且符合开放封闭原则。
- 客户希望统一对待树中的所有对象。组合模式使客户可以忽略组合对象和叶对象的区别，客户在面对这棵树的时候，不用关心当前正在处理的对象是组合对象还是叶对象，也就不用写一堆if、else语句来分别处理它们。组合对象和叶对象会各自做自己正确的事情，这是组合模式最重要的能力。
<script>
const Folder = function(name) {
this.name = name
this.files = []
this.parent = null
}
Folder.prototype.add = function(file) {
this.files.push(file)
file.parent = this
}
Folder.prototype.remove = function(file) {
if (!this.parent) {
return false;
}
for(var files = this.parent.files, i = files.length - 1; i >= 0; i--) {
const file = files[i]
if (file === this) {
files.splice(i, 1)
}
}
}
Folder.prototype.scan= function(file) {
console.log('开始扫描文件夹:' + this.name)
for (let i = 0, file, files = this.files; file = files[i++];) {
file.scan()
}
}
const File = function(name) {
this.name = name
this.parent = null
}
File.prototype.add = function() {
throw new Error('不能添加在文件下面')
}
File.prototype.remove = function(file) {
if (!this.parent) {
return false;
}
for(var files = this.parent.files, i = files.length - 1; i >= 0; i--) {
const file = files[i]
if (file === this) {
files.splice(i, 1)
}
}
}
File.prototype.scan = function(file) {
console.log('开始扫描文件:' + this.name)
}
const folder = new Folder('学习资料');
const folder1 = new Folder('Javascript');
const folder2 = new Folder('深入浅出Node.js');
const file = new File('JavaScript设计模式与开发实践')
folder1.add(file)
folder.add(folder1)
folder.add(folder2)
folder1.remove()
folder.scan()
</script>
