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

核心提示： 5. 接着添加一个Menu操作类MenuOpr：varMenuOpr={list:newArray(),add:function(component){this.list.push(component);},print:function(container){varstr="&l

5. 接着添加一个Menu操作类MenuOpr：

varMenuOpr={
　　list:newArray(),
　　add:function(component){
　　　　this.list.push(component);
　　},
　　print:function(container){
　　　　varstr="<ulclass="Menu">";
　　　　for(vari=0,len=this.list.length;i<len;i++){
　　　　　　str+=this.list[i].getValue();
　　　　}
　　　　document.getElementById(container).innerHTML=str+"</ul>";
　　}
}

6. 最后利用组合模式编写调用代码：

varmenu1=newMenuItem("菜单1","菜单1","#");
varmenu2=newMenu("菜单2","菜单2","#");
varmenu2_1=newMenuItem("菜单2-1","菜单2-1","#");
varmenu2_2=newMenu("菜单2-2","菜单2-2","#");
varmenu2_2_1=newMenuItem("菜单2-2-1","菜单2-2-1","#");
varmenu2_2_2=newMenuItem("菜单2-2-2","菜单2-2-2","#");
varmenu2_3=newMenuItem("菜单2-3","菜单2-3","#");
menu2.add(menu2_1);
menu2.add(menu2_2);
menu2_2.add(menu2_2_1);
menu2_2.add(menu2_2_2);
menu2.add(menu2_3);
varmenu3=newMenu("菜单3","菜单3","#");
varmenu3_1=newMenuItem("菜单3-1","菜单3-1","#");
menu3.add(menu3_1);
varmenu4=newMenuItem("菜单4","菜单4","#");
MenuOpr.add(menu1);
MenuOpr.add(menu2);
MenuOpr.add(menu3);
MenuOpr.add(menu4);
MenuOpr.print("main_container");