组合模式
时间:2022-07-26
本文章向大家介绍组合模式,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
组合模式
组合模式Composite Pattern
又叫部分整体模式,是用于把一组相似的对象当作一个单一的对象,通常依据树形结构来组合对象,用来表示部分以及整体层次,这种类型的设计模式属于结构型模式,它创建了对象组的树形结构。
描述
在软件工程中,组合模式是一种分区设计模式,组合模式描述了将以与对象的单个实例相同的方式对待一组对象,组合的目的是将对象组成树状结构,以表示整个部分的层次结构。即将对象组合成树形结构以表示部分-整体的层次结构,使得用户对单个对象和组合对象的使用具有一致性,通常用于树形菜单、文件、文件夹、表单的管理等。
优点
- 高层模块调用简单。
- 节点自由增加。
- 忽略组合对象和单个对象的差别,对外一致接口使用。
缺点
- 树叶对象接口一致,无法区分,只有在运行时方可辨别。
- 包裹对象创建太多,额外增加内存负担。
- 在使用组合模式时,其叶子和树枝的声明都是实现类而不是接口,违反了依赖倒置原则。
实现
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
})();
每日一题
https://github.com/WindrunnerMax/EveryDay
参考
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%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F-8-%E7%BB%84%E5%90%88%E6%A8%A1%E5%BC%8F/
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法