设计模式-组合模式

组合模式可以让我们使用树形方式创建对象的结构。
我们可以把相同的操作应用在组合对象和单个对象上。
在大多数情况下，我们都可以忽略掉组合对象和单个对象之间的差别，
从而用一致的方式来处理它们。

常见场景：遍历树问题，树和子叶的关系即是一种经典的组合模式+责任链模式的应用。

适用于以下这两种情况：

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

缺点:
3. 代码难以理解
4. 创建太多对象，增加了系统负担

总开关控制家电。

// 超级遥控器
// 打开空调
// 打开电视和音响
// 关门，开电脑，登录qq
let MacroCommand = () => {return {commandList: [],add(command) {this.commandList.push(command);},execute() {for (let i = 0, command; (command = this.commandList[i++]); ) {command.execute();}},};
};
let openAcCommand = {execute() {console.log("打开空调");},
};
let openTvCommand = {execute() {console.log("打开TV");},
};
let openSoundCommand = {execute() {console.log("打开音响");},
};
// 第一次小组合
let macroCommand1 = MacroCommand();
macroCommand1.add(openTvCommand);
macroCommand1.add(openSoundCommand);
let closeDoorCommand = {execute() {console.log("关门");},
};
let openPcCommand = {execute() {console.log("电脑");},
};
let openQQCommand = {execute() {console.log("qq");},
};
// 第二次小组合
let macroCommand2 = MacroCommand();
macroCommand2.add(closeDoorCommand);
macroCommand2.add(openPcCommand);
macroCommand2.add(openQQCommand);
// 最终大组合
// 将子命令组合存入新的数组，形成更大的命令组合
// 执行的时候，取出一条子命令组合，执行execute，则会进入执行子命令的execute。
// 这时候会形成自上往下的节点命令方式执行各层子命令组合，扩散开来执行。这种叫做深度优先的搜索。
let macroCommand = MacroCommand();
macroCommand.add(openAcCommand);
macroCommand.add(macroCommand1);
macroCommand.add(macroCommand2);
// 绑定给按钮，总开关。
let setCommand =(function (command) {document.getElementById("button").onclick = function () {command.execute();};})(macroCommand)

组合对象以及叶对象

组合对象可以拥有子节点
叶对象没有子节点，需要给它加上对应的方法，并抛出异常来提醒用户。

用组合模式来描述文件夹和文件的关系。

复制文件夹的场景，杀毒场景

// 1. 文件夹 组合对象
let 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 (let i = 0, file, files = this.files; (file = files[i++]); ) {file.scan();}
};
// 2. 文件 叶对象
let File = function (name) {this.name = name;
};
File.prototype.add = function (file) {throw Error("文件下不能再添加文件");
};
File.prototype.scan = function () {console.log("开始扫描文件：", this.name);
};
// 3. 复制
/*源文件source  学习资料-- js-- js设计模式-- jq-- 精通jq重构
*/
let folder = new Folder("学习资料");
let folder1 = new Folder("js");
let folder2 = new Folder("jq");
let file1 = new File("js设计模式");
let file2 = new File("精通jq");
let file3 = new File("重构");
folder1.add(file1);
folder2.add(file2);
folder.add(folder1);
folder.add(folder2);
folder.add(file3);
/* 目标文件 distnodejs-- 深入浅出NodeJs-- js语言精髓和编程实践*/
let folder3 = new Folder("Nodejs");
let file4 = new File("深入浅出NodeJs");
folder3.add(file4);
let file5 = new File("js语言精髓和编程实践");
// 复制
folder.add(folder3);
folder.add(file5);
console.log(folder)
// 4. 执行
folder.scan();

区分：

1. 组合模式是集合关系，不是父子关系
2. 叶对象须有操作一致性
3. 双向映射关系，1:1关系，而不是1:n关系。可使用中介者模式来解决该问题。

使用责任链模式来提升组合模式性能

引用父对象来记录当前文件所属。删除的时候根据this来判断是否删除。

增加了父节点的引用和删除文件夹功能

// 文件夹
let Folder = function (name) {this.name = name;this.files = [];this.parent = null;
};
Folder.prototype.add = function (file) {file.parent = this; // 所有加入的文件夹或者文件，this都绑定到当前目录下的this。this.files.push(file); // 并将实例装载到了files数组中。
};
Folder.prototype.scan = function () {console.log("开始扫描文件夹：", this.name);for (let i = 0, file, files = this.files; (file = files[i++]); ) {file.scan();}
};
// 移除，通过this.parent来操作this.files
Folder.prototype.remove = function () {if (!this.parent) {//根节点或者树外的游离节点return;}for (var files = this.parent.files, l = files.length - 1; l >= 0; l--) {var file = files[l];if (file === this) {files.splice(l, 1);}}
};// 文件
let File = function (name) {this.parent = null;this.name = name;
};
File.prototype.add = function (file) {throw Error("文件下不能再添加文件");
};
File.prototype.scan = function () {console.log("开始扫描文件：", this.name);
};
File.prototype.remove = function () {if (!this.parent) return;for (let files = this.parent.files, l = files.length - 1; l >= 0; l--) {let file = files[l];if (file === this) {files.splice(l, 1);}}
};
// 复制
/* 学习资料-- JavaScript (被移除)-- JavaScript 设计模式与开发实践-- 深入浅出 Node.js
*/
var folder = new Folder("学习资料");
var folder1 = new Folder("JavaScript");
var file1 = new Folder("深入浅出 Node.js");
folder1.add(new File("JavaScript 设计模式与开发实践"));
folder.add(folder1);
folder.add(file1);
folder1.remove(); //移除文件夹
folder.scan();