《javascript设计模式与开发实践》阅读笔记（10）—— 组合模式

组合模式：一些子对象组成一个父对象，子对象本身也可能是由一些孙对象组成。

有点类似树形结构的意思，这里举一个包含命令模式的例子

var list=function(){   //创建接口对象的函数
    return {
        arr:[],     //执行列表  用来存储需要执行的对象
        add:function(obj){       //往执行列表里添加对象
            this.arr.push(obj);   
        },
        execute:function(){    //遍历执行列表，每个对象执行规定好的接口方法
            for(var i=0,l=this.arr.length;i<l;i++){
                this.arr[i].execute();
            }
        }
    }
};

var menubar={                          //一系列对象，每个对象都有一个相同的接口，便于同时调用
    execute:function(){
        console.log("刷新menubar")
    }
}

var headbar={
    execute:function(){
        console.log("刷新headbar")
    }
}

var footbar={
    execute:function(){
        console.log("刷新footbar")
    }
}

var move={
    execute:function(){
        console.log("加入动画")
    }
}

var picA={
    execute:function(){
        console.log("移除picA")
    }
}

var picB={
    execute:function(){
        console.log("移除picB")
    }
}


var refresh=list();   //负责刷新的接口对象
refresh.add( menubar );  //添加需要刷新的对象
refresh.add( headbar );
refresh.add( footbar );


var remove=list();   //负责移除的接口对象
remove.add( picA );  //需要移除的对象
remove.add( picB );

var start=list();  //负责所有事情的接口对象
start.add( refresh );   //添加负责刷新的组合对象
start.add( move );     //添加负责动画的对象
start.add( remove );     //添加负责移除的组合对象

start.execute();  //执行这个组合对象

/****执行结果****

  刷新menubar
  刷新headbar
  刷新footbar
  加入动画
  移除picA
  移除picB
*/

感觉上有点像俄罗斯套娃，首先定义了一个接口对象，大家都是这个接口对象，只不过一层套一层，不断调用。

执行过程其实就是深度优先搜索。

一些值得注意的地方

组合模式不是父子关系，而是更类似于一种委托关系。
适用场景：只有用一致的方式对待列表中的每个叶对象的时候，才适合使用组合模式。

总结

组合模式可以让我们使用树形方式创建对象的结构，我们可以把相同的操作应用在组合对象和单个对象上。