组合模式

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

  // 宏命令
    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.客户希望统一对待树中的所有对象。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容