组合模式

例子一 通过组合小命令,来实现一个超级命令,用户不用关注内部实现,只需要把要操作的命令添加到对应的那个组合即可

  // 宏命令
    var MacroCommand = function(){
        return {
            commandList : [],
            add : function(command){
                this.commandList.push(command);
            },
            execute : function(){
                for(var i = 0,command; command = this.commandList[i++];){
                    command.execute();
                }
            }
        }
    };

    var openAcCommand = {
        execute : function(){
            console.log('打开空调');
        }
    };

    //家里的电视和影响是连接在一起的,可以使用一个宏命令来组合打开电视和打开音响的命令
    var openTvCommand = {
        execute : function(){
            console.log('打开电视');
        }
    };
    var openSoundCommand = {
        execute : function(){
            console.log('打开音响');
        }
    };
    var marcoCommand1 = MacroCommand();
    marcoCommand1.add(openTvCommand);
    marcoCommand1.add(openSoundCommand);

    // 关门、打开电脑和登录qq的命令

    var closeDoorCommand = {
        execute : function(){
            console.log('关门');
        }
    };
    var openPcCommand = {
        execute : function(){
            console.log('开电脑');
        }
    };
    var openQQCommand = {
        execute : function(){
            console.log('开QQ')
        }
    };
    var marcoCommand2 = MacroCommand();
    marcoCommand2.add(closeDoorCommand);
    marcoCommand2.add(openPcCommand);
    marcoCommand2.add(openQQCommand);

    // 现在把所有的命令组合起来
    var marcoCommand = MacroCommand();
    marcoCommand.add(openAcCommand);
    marcoCommand.add(marcoCommand1);
    marcoCommand.add(marcoCommand2);

    // 最后给按钮绑定‘超级命令’
    var setCommand = (function(command){
        document.getElementById('botton').onclick = function(){
            command.execute();
        }
    })(marcoCommand)

从上面的例子可以看出,基本对象可以被组合成更复杂的组合对象,组合对象又可以被组合,这样不断递归下去,这颗树的结构可以支持任意多的复杂度

例子二 扫描文件夹

  // Folder
    var Folder = function(name){
        this.name = name;
        this.files = [];
    };
    Folder.prototype.add = function(file){
        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();
        }
    }

    // file
    var File = function(name){
        this.name = name;
    };

    File.prototype.add = function(){
        throw new Error('文件下面不能再添加文件');
    };
    File.prototype.scan = function(){
        console.log('开始扫描文件: ' + this.name);
    };

    // 下面来创建一些文件夹和文件,让它们组合成一颗树
    var folder = new Folder('学习资料');
    var folder1 = new Folder('爱的呼唤');
    var folder2 = new Folder('强身健体');

    var file1 = new File('21天,JavaScript从入门到跑路');
    var file2 = new File('颈椎康复指南');
    var file3 = new File('真男人100式');

    folder1.add(file1);
    folder2.add(file2);

    folder.add(folder1);
    folder.add(folder2);
    folder.add(file3);

    folder.scan();



何时适合使用组合模式

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,189评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,577评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,857评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,703评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,705评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,620评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,995评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,656评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,898评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,639评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,720评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,395评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,982评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,953评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,195评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,907评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,472评论 2 342

推荐阅读更多精彩内容

  • 1 场景问题# 1.1 商品类别树## 考虑这样一个实际的应用:管理商品类别树。 在实现跟商品有关的应用系统的时候...
    七寸知架构阅读 5,973评论 10 59
  • 继承是is-a的关系。组合和聚合有点像,有些书上没有作区分,都称之为has-a,有些书上对其进行了较为严格区分,组...
    时待吾阅读 450评论 0 1
  • 组合模式Composite 背景 我们可以使用简单的对象组合成复杂的对象,而这个复杂对象有可以组合成更大的对象。我...
    践行者阅读 478评论 1 3
  • 场景分析 我们平时去餐厅吃饭,都会使用菜单来点餐,今天我们来实现一个超级菜单,这个一个菜单大集合,包括单一菜品和子...
    西木柚子阅读 711评论 0 3
  • 参考设计模式读书笔记-----组合模式C++设计模式——组合模式Javascript设计模式理论与实战:组合模式 ...
    合肥黑阅读 334评论 0 0