组合模式
组合模式Composite Pattern
又叫部分整体模式,是用于把一组相似的对象当作一个单一的对象,通常依据树形结构来组合对象,用来表示部分以及整体层次,这种类型的设计模式属于结构型模式,它创建了对象组的树形结构。
描述
在软件工程中,组合模式是一种分区设计模式,组合模式描述了将以与对象的单个实例相同的方式对待一组对象,组合的目的是将对象组成树状结构,以表示整个部分的层次结构。即将对象组合成树形结构以表示部分-整体的层次结构,使得用户对单个对象和组合对象的使用具有一致性,通常用于树形菜单、文件、文件夹、表单的管理等。
优点
- 高层模块调用简单。
- 节点自由增加。
- 忽略组合对象和单个对象的差别,对外一致接口使用。
缺点
- 树叶对象接口一致,无法区分,只有在运行时方可辨别。
- 包裹对象创建太多,额外增加内存负担。
- 在使用组合模式时,其叶子和树枝的声明都是实现类而不是接口,违反了依赖倒置原则。
实现
代码语言:javascript复制class Folder { // 目录
constructor(name) {
this.name = name;
this.nodes = [];
}
add(node) {
this.nodes.push(node);
}
scan() {
for (let node of this.nodes) {
if(node instanceof Folder) node.scan();
else node.getFile();
}
}
}
class File { // 文件
constructor(name) {
this.name = name;
}
add(file) {
throw new Error("File nodes are leaf nodes");
}
getFile() {
console.log("File:", this.name);
}
}
(function(){
var mediaFolder = new Folder("media");
var movieFolder = new Folder("movie");
var musicFolder = new Folder("music");
var music = new File("./music.mp3");
var moive = new File("./moive.mp4");
mediaFolder.add(movieFolder);
mediaFolder.add(musicFolder);
musicFolder.add(music);
movieFolder.add(moive);
mediaFolder.scan(); // File: ./moive.mp4 File: ./music.mp3
})();
每日一题
代码语言:javascript复制https://github.com/WindrunnerMax/EveryDay
参考
代码语言:javascript复制https://www.jianshu.com/p/a6e236040505
https://segmentfault.com/a/1190000019773556
https://github.com/tcorral/Design-Patterns-in-Javascript
https://www.runoob.com/design-pattern/composite-pattern.html
https://www.cnblogs.com/TomXu/archive/2012/04/12/2435530.html
https://github.com/sohamkamani/javascript-design-patterns-for-humans#-composite
https://xhui.top/2018/12/20/JS设计模式-8-组合模式/