1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="UTF-8">
5 <title>javascript高级语法14-组合模式实现</title>
6 </head>
7 <body>
8 <script>
9 //接口
10 var Interface = function(name,methods){
11 if(arguments.length != 2){
12 alert("interface must have two paramters...");
13 }
14 this.name = name;//这个是接口的名字
15 this.methods = [];//定义个空数组来转载函数名
16 for (var i = 0; i < methods.length; i++) {
17 if(typeof methods[i] != "string"){
18 alert("method name must is String ...")
19 }else{
20 this.methods.push(methods[i])
21 }
22 }
23 }
24 //定义接口的一个静态方法来实现接口与实现类的直接检验
25 //静态方法不要写成Interface.prototype.* 因为这是写到接口原型连上的
26 //我们要把静态的函数直接写到类层次上
27 Interface.ensureImplements = function(object){
28 if(arguments.length<2){
29 alert("必须最少是2个参数");
30 return false;
31 }
32 //遍历
33 for (var i = 1; i < arguments.length; i++) {
34 var inter = arguments[i];
35 //如果你是接口就必须是Interface类型的
36 if(inter.constructor != Interface){
37 throw new Error("if is interface class must is Interface type");
38 }
39 //遍历函数集合并分析
40 for (var j = 0; j < inter.methods.length; j++) {
41 var method = inter.methods[j];
42 //实现类中必须有方法名字 和 接口中所有的方法名项目
43 if(!object[method] || typeof object[method] != "function"){
44 throw new Error("实现类并没有完全实现接口中的所有方法...");
45 }
46 }
47 }
48 }
49
50 /*
51 * 组合模式
52 */
53
54 function demo(){
55 var composite = new Interface("composite",["getChildByName","add"]);
56 var student = new Interface("composite",["goToClass","finishClass"]);
57 //定义组合类
58 var compositeObj = function(name){
59 this.name = name;
60 this.type = "com"; //默认是组合类
61 var childs = new Array();
62 //得到相关的所有孩子节点
63 this.getChildByName=function(name){
64 //涉及到递归
65 var toChilds = new Array();
66 if(!name){
67 for(var i=0;i<childs.length;i++){
68 if(childs[i].type == "com"){ //组合节点
69 toChilds = toChilds.concat(childs[i].getChildByName());
70 }else{ //叶子节点
71 toChilds.push(childs[i]);
72
73 }
74 }
75 }else{
76 for(var i=0;i<childs.length;i++){
77 if(childs[i].name == name){
78 if(childs[i].type == "com"){
79 toChilds = toChilds.concat(childs[i].getChildByName());
80 break;
81 }else{
82 toChilds.push(childs[i]);
83 break;
84 }
85 }else{
86 if(childs[i].type == "com"){
87 toChilds = toChilds.concat(childs[i].getChildByName(name));
88 }
89 }
90 }
91 }
92 return toChilds;
93 }
94 //增加子节点
95 this.add = function(child){
96 childs.push(child);
97 return this;
98 }
99 //上课
100 this.goToClass = function(name){
101 var toChilds = this.getChildByName(name);
102 for(var i=0;i<toChilds.length;i++){
103 toChilds[i].goToClass(); //子类的GoToClass方法
104 }
105 }
106 //下课
107 this.finishClass = function(name){
108 var toChilds = this.getChildByName(name);
109 for(var i=0;i<toChilds.length;i++){
110 toChilds[i].finishClass(); //子类的GoToClass方法
111 }
112 }
113 //接口验证
114 Interface.ensureImplements(this,composite,student);
115 }
116 //定义叶子类
117 var studentObj = function(name){
118 this.name = name;
119 this.type = "stu";//默认是叶子
120
121 //得到相关的所有孩子节点
122 this.getChildByName=function(name){
123 if(this.name == name){
124 return this;
125 }else{
126 return null;
127 }
128 }
129 //增加子节点
130 this.add = function(child){
131 throw new Error("add 不能被初始化在叶子类中！");
132 }
133 //上课
134 this.goToClass = function(name){
135 document.write(this.name + "去上课<br>")
136 }
137 //下课
138 this.finishClass = function(name){
139 document.write(this.name + " 下课<br>")
140 }
141 Interface.ensureImplements(this,composite,student);
142 }
143
144 //测试；
145 var a = new studentObj("a");
146 var b = new studentObj("b");
147 var c = new studentObj("c");
148 var d = new studentObj("d");
149 var e = new studentObj("e");
150 var f = new studentObj("f");
151 var g = new studentObj("g");
152 var h = new studentObj("h");
153 var one = new compositeObj("一班");
154 var oneOne = new compositeObj("一班一组");
155 oneOne.add(a).add(b);
156 var oneTwo = new compositeObj("一班二组");
157 oneTwo.add(c).add(d);
158 one.add(oneOne).add(oneTwo);
159 var two = new compositeObj("二班");
160 var twoOne = new compositeObj("二班一组");
161 twoOne.add(e).add(f);
162 var twoTwo = new compositeObj("二班二组");
163 twoTwo.add(g).add(h);
164 two.add(twoOne).add(twoTwo);
165 var xuexiao = new compositeObj("新学校");
166 xuexiao.add(one).add(two);
167
168 //客户端调用API
169 xuexiao.goToClass();
170 document.write("------------------------<br>");
171 xuexiao.goToClass("一班");
172 document.write("------------------------<br>");
173 xuexiao.goToClass("二班一组");
174 document.write("------------------------<br>");
175 xuexiao.goToClass("a");
176
177 }
178 demo();
179 </script>
180 </body>
181 </html>
