javascript设计模式学习笔记之组合模式

组合模式

• 组合模式是将对象组合成树形结构, 以表示 "部分-整体" 的层次结构, 再者, 利用对象的多态性统一对待组合对象和单个对象

• 注意点:

  • 组合模式不是父子关系
  • 对叶对象操作的一致性
  • 双向映射关系
  • 利用职责链模式提高组合模式性能

• 应用场景

  • 表示对象的部分-整体层次结构
  • 客户希望统一对待树中的所有对象

• 举例: 扫描文件夹

  /* * * * * * 文件夹(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);        }    }}