标签：
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>工厂设计模式</title> 6 7 <!-- 8 @theme: javascript高级 工厂模式设计 9 @autor：EthanCoco 10 @date：2015-11-21 11 @email：lijianlin0204@163.com 12 --> 13 14 15 16 <script type=text/javascript charset=utf-8> 17 //创建一个命名空间 18 var LJL = {}; 19 20 /** 21 *建一个接口 22 *接口需要两个参数 23 *参数1： 接口的名字(string) 24 *参数2： 方法名称（数组(string)） 25 */ 26 LJL.Interface = function(name,methods){ 27 if(arguments.length !== 2){//判断接口参数个数是否正确 28 throw new Error("参数个数不正确！"); 29 } 30 this.name = name; 31 this.methods = [];//定义一个内置的空数组接受方法名称里的元素 32 for(var i = 0;i < methods.length;i++){ 33 if(typeof methods[i] !== ‘string‘){ 34 throw new Error("方法名称错误，必须是字符串类型！"); 35 } 36 //把传入参数的元素全部放到内置的methods中去 37 this.methods.push(methods[i]); 38 } 39 40 }; 41 42 /** 43 *接口静态方法 44 *参数：object 45 *检验接口里的方法是否实现 46 *如果通过不做任何操作，如果不通过，抛出error 47 *目的：检测方法是否全部实现 48 *object 要求参数必须有两个以上 49 *一个是对象实例 50 *其它是要检验的接口对象 51 */ 52 LJL.Interface.checkMethodsIsPass = function(object){ 53 if(arguments.length < 2){//判断参数，如果参数小于2，抛出异常 54 throw new Error("要求参数必须有两个以上@param1=实例对象，其它参数是接口对象！"); 55 } 56 //获得接口实例对象 57 for(var i = 1;i<arguments.length;i++){//i=1是因为第二个参数是需要检测的接口 58 var instanceInterface = arguments[i]; 59 //判断参数是否是接口对象 60 if(instanceInterface.constructor !== LJL.Interface){ 61 throw new Error("参数是不是接口对象！"); 62 } 63 //如果是，检测接口对象里的方法是否实现 64 for(var j = 0;j<instanceInterface.methods.length;j++){ 65 //用历史变量接受一个方法的名称，名称是字符串，如果不是就抛出error 66 var methodName = instanceInterface.methods[j]; 67 //object[key]表示的就是方法 68 //方法是一个函数，需要判断 69 if(!object[methodName] || typeof object[methodName] !== ‘function‘){ 70 throw new Error("这个方法 ‘" + methodName + "‘ 找不到！"); 71 } 72 } 73 74 } 75 76 }; 77 78 /** 79 * 继承方法 80 * @param {Object} sub 81 * @param {Object} sup 82 */ 83 LJL.extend=function(sub ,sup){ 84 // 目的： 实现只继承父类的原型对象 85 var F = new Function(); // 1 创建一个空函数 目的：空函数进行中转 86 F.prototype = sup.prototype; // 2 实现空函数的原型对象和超类的原型对象转换 87 sub.prototype = new F(); // 3 原型继承 88 sub.prototype.constructor = sub ; // 4还原子类的构造器 89 //保存一下父类的原型对象: 一方面方便解耦 另一方面方便获得父类的原型对象 90 sub.superClass = sup.prototype; //自定义一个子类的静态属性 接受父类的原型对象 91 //判断父类的原型对象的构造器 (加保险) 92 if(sup.prototype.constructor == Object.prototype.constructor){ 93 sup.prototype.constructor = sup ; //手动欢迎父类原型对象的构造器 94 } 95 }; 96 97 98 //////////////////////////////////////////////// 99 //以上都是为工厂设计模式做必要的准备 100 //////////////////////////////////////////////// 101 102 //思路整理 103 /** 104 *设计一个买电脑的工厂设计模式 105 *首先，得有一个“工厂”； 106 *其次，工厂用来“生产电脑”； 107 *然后，电脑需要“卖出去”； 108 *继续，卖出去需要一个“专卖店” 109 *最后，买电脑的人到什么样的商店去“买什么样的电脑” 110 */ 111 112 //生产电脑的工厂 目的：生产车 113 var PCFactory = { 114 //里面有生产电脑的方法 115 createPC : function(type){//type 动态生产电脑类型，即客户需要的电脑生产 116 //利用eval动态创建传入类型的实例对象 117 var pc = eval(‘new ‘+type+‘()‘); 118 //电脑在生产的时候就需要检测是否合格！ 119 //第一个参数是电脑的实例对象 120 //第二个参数是接口的实例对象 121 LJL.Interface.checkMethodsIsPass(pc,PCInterface); 122 return pc; 123 } 124 }; 125 126 //创建接口实例对象 127 //接口需要有两个参数 128 //一个是接口的实例对象，一个是方法(数组),open(开机)，run(运行) 129 var PCInterface = new LJL.Interface(‘PCInterface‘,[‘open‘,‘run‘]); 130 131 //创建一个电脑的基类 132 function BasePC(){} 133 //在原型对象上实现方法 134 BasePC.prototype = { 135 constructor : BasePC,//还原构造器 136 open : function(){ 137 alert(this.constructor.name + "...open"); 138 }, 139 run : function(){ 140 alert(this.constructor.name + "...run"); 141 } 142 }; 143 144 145 //电脑有不同的品牌，不同的专卖店提供不同的电脑 146 //创建一个抽象的基类专卖店 147 function PCShop(){} 148 PCShop.prototype = { 149 constructor : PCShop , 150 //买电脑的方法 151 sellPC:function(type){ 152 this.abstractSellPC(type); 153 } , 154 abstractSellPC: function(){ 155 throw new Error(‘this method is abstract...‘); 156 } 157 }; 158 159 //创建不同品牌的专门店 160 161 162 163 /////////////////////////////////////////////////// 164 //戴尔专卖店 165 function DellPCShop(){} 166 //每个店都有卖电脑的方法，所以我们继承PCShop里的方法 167 LJL.extend(DellPCShop,PCShop); 168 //电脑专卖店有不同型号的dell电脑 169 DellPCShop.prototype = { 170 constructor : DellPCShop, 171 sellPC : function(type){ 172 var pc ; 173 var pctypes = [‘dellx1‘,‘dellx5‘,‘dellx8‘];//所有dell电脑的型号 174 for(i in pctypes){ 175 //判断商店是否有你要的型号 176 if(pctypes[i] === type){ 177 pc = PCFactory.createPC(type); 178 break; 179 }else{ 180 throw new Error("没有你要的型号！"); 181 } 182 } 183 return pc; 184 } 185 }; 186 187 //dell电脑不同型号的方法检测实现 188 //检测不同品牌的电脑 189 function dellx1(){} 190 LJL.extend(dellx1,BasePC); //继承基类的方法 191 192 function dellx5(){} 193 LJL.extend(dellx5,BasePC); 194 195 function dellx8(){} 196 LJL.extend(dellx8,BasePC); 197 ////////////////////////////////////////////// 198 199 200 201 var shop = new DellPCShop(); 202 var pc = shop.sellPC(‘dellx1‘); 203 pc.open(); 204 </script> 205 </head> 206 <body> 207 </body> 208 </html>
标签：
原文地址：http://www.cnblogs.com/jianyeLee/p/4982773.html
