设计模式之组合模式

Posted by franki on November 6, 2018

composite

组合模式

组合模式将对象组合成树形结构,以表示“部分与整体”的层次结构。 除了用来表示树形结构之外,组合模式的另一个好处是通过对象的多态性表现,使得用户对单个对象和组合对象的使用具有一致性

组合模式适用于以下这两种情况

1 表示对象的部分与整体层次结构。组合模式可以方便地构造一棵树来表示对象的部分与整体结构。特别是我们在开发期间不确定这棵树到底存在多少层次的时候。在树的构造最 终完成之后,只需要通过请求树的最顶层对象,便能对整棵树做统一的操作。在组合模 式中增加和删除树的节点非常方便,并且符合开放封闭原则

2 客户希望统一对待树中的所有对象。组合模式使客户可以忽略组合对象和叶对象的区别, 客户在面对这棵树的时候,不用关心当前正在处理的对象是组合对象还是叶对象,也就 不用写一堆 if、else 语句来分别处理它们。组合对象和叶对象会各自做自己正确的事情, 这是组合模式最重要的能力

// 组合模式在文件管理中的应用

/***********Folder*************/
var Folder = function(name) {
    this.name = name;
    this.parent = null; // 增加parent属性
    this.files = [];
};

Folder.prototype.add = function(file) {
    file.parent = this; // 设置父对象
    this.files.push(file);
};

Folder.prototype.scan = function() {
    console.log('开始扫描文件夹:', this.name);
    for (var i=0, file, files=this.files; file = files[i++];) {
    file.scan();
    }
};

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);
        }
    }
}

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;
    }

    for (var files = this.parent.files, l=files.length-1;l>=0;l--) {
        var file = files[l];
        if (file === this) {
            files.splice(l, 1);
        }
    }
};

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();

// 开始扫描文件夹: 学习资料

// 开始扫描文件夹: 深入浅出node.js