Javascript乱弹设计模式系列(4) － 组合模式(Composite)

核心提示： functionMenu(text,title,href){this.menuComponents=newArray();this.text=text;this.title=title;this.href=href;Interface.registerImplements(this,Men

functionMenu(text,title,href){
　　this.menuComponents=newArray();
　　this.text=text;
　　this.title=title;
　　this.href=href;
　　Interface.registerImplements(this,MenuComponent);
}
Menu.prototype={
　　getValue:function(){
　　　　//…
　　},
　　add:function(component){
　　　　this.menuComponents.push(component);
　　},
　　remove:function(component){
　　　　for(vari=0,len=this.menuComponents.length;i<len;i++)
　　　　{
　　　　　　if(this.menuComponents[i]==component)
　　　　　　{
　　　　　　　　this.menuComponents.splice(i,1);
　　　　　　　　break;
　　　　　　}
　　　　}
　　},
　　removeAt:function(index){
　　　　if(this.menuComponents.length<=index)
　　　　{
　　　　　　this.menuComponents.splice(index,1);
　　　　}
　　　　else
　　　　{
　　　　　　thrownewError("索引操作数组超过上限");
　　　　}
　　}
}

它继承MenuAComponent接口，因此它和MenuItem使用同一个接口，这样可以统一简单元素和复杂元素的方法调用，add方法用来添加component类，这里的component可以是Menu，也可以是MenuItem；remove方法用来删除指定的component类；removeAt方法用过索引删除相应的component类；getValue方法取得菜单数据；

让我们先从实例上得到一个树状图：