美文网首页
组合模式

组合模式

作者: Tiny_z | 来源:发表于2017-01-11 22:23 被阅读5次

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

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

相关文章

  • 设计模式:组合模式 职责链模式

    组合模式 职责链模式 组合模式 组合模式将对象组合成树形结构,以表示“部分-整体”的层次结构。 在组合模式的树形结...

  • 第4章 结构型模式-组合模式

    一、组合模式简介 二、组合模式的优缺点 三、组合模式的使用场景 、组合模式的实例

  • 组合模式(统一叶子与组合对象)

    目录 从生活场景出发,映射组合模式 组合模式的理论概念 组合模式的实现 组合模式在源码中的应用 组合 “优于” 继...

  • 组合模式

    1. 组合模式 1.1 组合模式的定义 组合模式(Composite): 又称部分-整体模式, 将对象组合成树形结...

  • 组合模式

    设计模式系列7--组合模式 《Objective-c 编程之道 iOS 设计模式解析》 - 组合模式 常见组合模式...

  • 设计模式 | 组合模式及典型应用

    本文的主要内容: 介绍组合模式 示例 组合模式总结 源码分析组合模式的典型应用java.awt中的组合模式Java...

  • 组合模式

    一、组合模式介绍 二、组合模式代码实例

  • 组合模式

    设计模式之组合模式 什么是组合模式? 组合模式允许你将对象组合成树形结构来表现”部分-整体“的层次结构,使得客户以...

  • 15、组合模式(Composite Pattern)

    1. 组合模式 1.1 简介   Composite模式,即组合模式,又叫部分整体模式。Composite模式将对...

  • 组合模式原型解析

    组合模式定义: 组合模式,将对象组合成树形结构以表示“部分-整体”的层次结构,组合模式使得用户对单个对象和组合对象...

网友评论

      本文标题:组合模式

      本文链接:https://www.haomeiwen.com/subject/clnrbttx.html