javascript设计模式学习笔记之组合模式
欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/jsh/2019/0819/106881.html 1190000020108673
组合模式
- 组合模式是将对象组合成树形结构, 以表示 "部分-整体" 的层次结构, 再者, 利用对象的多态性统一对待组合对象和单个对象
-
注意点:
- 组合模式不是父子关系
- 对叶对象操作的一致性
- 双向映射关系
- 利用职责链模式提高组合模式性能
-
应用场景
- 表示对象的部分-整体层次结构
- 客户希望统一对待树中的所有对象
-
举例: 扫描文件夹
/* * * * * * 文件夹(Folder) * * * * * * */ var Folder = function(name) { this.name = name; this.files = []; this.parent = null; } Folder.prototype.add = function(file) { file.parent = this; this.files.push(file); } Folder.prototype.scan = function() { console.log('开始扫描文件夹:' + this.name); var i = 0, len = this.files.length, file; for(; i < len; i++) { file = this.files[i]; file.scan(); } } Folder.prototype.remove = function() { if (!this.parent) { return; } var i = this.parent.files.length - 1, files = this.parent.files, file; for(; i >= 0; i--) { file = files[i]; if (file === this) { files.splice(i, 1); } } } /* * * * * * 文件(File) * * * * * * */ 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; } var i = this.parent.files.length - 1, files = this.parent.files, file; for(; i >= 0; i--) { file = files[i]; if (file === this) { files.splice(i, 1); } } }