1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Javascript高级语法13-组合模式</title> 6 </head> 7 <body> 8 <script> 9 /*组合模式： 10 */ 11 12 function demo1(){ 13 /*需求： 有一个学校，有两个班（1班，2班）， 14 * 每个班分两个小组(1班1组，1班2组，2班1组，2班2组) 15 * 学校计算机教室有限，每一个小组分着来上课，考试时候大家一起考 16 */ 17 //不用组合模式 18 var school = function(name){ 19 this.name = name; 20 var classes = new Array(); 21 this.addClass = function(cla){ 22 classes.push(cla); 23 return this; 24 } 25 this.getClasses = function(){ 26 return classes; 27 } 28 } 29 //班级类 30 var classes = function(name){ 31 this.name = name; 32 var groups = new Array(); 33 this.getGroups = function(){ 34 return groups; 35 } 36 this.addGroup = function(group){ 37 groups.push(group); 38 return this; 39 } 40 } 41 //组 42 var group = function(name){ 43 this.name = name; 44 var students = new Array(); 45 this.getStudents = function(){ 46 return students; 47 } 48 this.addStudent = function(student){ 49 students.push(student); 50 return this; 51 } 52 } 53 //学生类 54 var student = function(name){ 55 this.name = name; 56 this.goToClass = function(){ 57 document.write(this.name+" 去上课！") 58 } 59 this.finishClass = function(){ 60 document.write(this.name+" 下课！") 61 } 62 } 63 //测试 64 var a = new student("a"); 65 var b = new student("b"); 66 var c = new student("c"); 67 var d = new student("d"); 68 var e = new student("e"); 69 var f = new student("f"); 70 var g = new student("g"); 71 var h = new student("h"); 72 var one = new classes("一班"); 73 var oneOne = new group("一班一组"); 74 oneOne.addStudent(a).addStudent(b); 75 var oneTwo = new group("一班二组"); 76 oneTwo.addStudent(c).addStudent(d); 77 one.addGroup(oneOne).addGroup(oneTwo); 78 var two = new classes("二班"); 79 var twoOne = new group("二班一组"); 80 twoOne.addStudent(e).addStudent(f); 81 var twoTwo = new group("二班二组"); 82 twoTwo.addStudent(g).addStudent(h); 83 two.addGroup(twoOne).addGroup(twoTwo); 84 var xuexiao = new school("新学校"); 85 xuexiao.addClass(one).addClass(two); 86 87 //调用 一班一组去上课 88 var classes = xuexiao.getClasses(); 89 for(var i=0;i<classes.length;i++){ 90 if(classes[i].name == "一班"){ 91 for(var j=0;j<classes[i].getGroups().length;j++){ 92 if(classes[i].getGroups()[j].name == "一班一组"){ 93 var s = classes[i].getGroups()[j].getStudents(); 94 for(var k=0;k<s.length;k++){ 95 s[k].goToClass(); 96 } 97 } 98 } 99 } 100 } 101 //这种方法不适合业务扩展，效率非常低 102 } 103 // demo1(); 104 /*组合模式： 105 * 1.组合模式中把对象分为两种（组合对象和叶子对象） 106 * 2.组合对象和叶子对象实现同一批操作 107 * 3.对组合对象执行的操作可以向下传递到叶子节点进行操作 108 * 4.这样就会弱化类与类之间的耦合 109 * 5.常用的手法就是把对象组合成属性结构的对象。 110 * 组合是离不开递归的。 111 */ 112 113 </script> 114 </body> 115 </html>