组合模式

2017-01-11  本文已影响5人  Tiny_z

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

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

上一篇下一篇

猜你喜欢

热点阅读