JavaScript设计模式--简单工厂模式
来源:互联网 发布:如何加入淘宝同学 编辑:程序博客网 时间:2024/04/28 15:58
一,介绍
工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。
工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。
在这里将工厂简单分为三种:
(1)简单工厂:通过第三方的类完成松耦合的任务。(2)复杂工厂:通过把实例化的任务交给子类来完成的,用以到达松耦合的目的。(3)超级工厂:通过eval()来完成智能工厂。工厂的目的:在于判断接口最终用哪个类实例化(故与接口密不可分)。使用工厂最终达到的效果是:多态,和类与类之间的松耦合。二,正文部分工厂模式与接口是密不可分的所以我们需要先引入接口文件和继承类文件(1)接口文件:
//定义一个静态方法来实现接口与实现类的直接检验//静态方法不要写出Interface.prototype ,因为这是写到接口的原型链上的//我们要把静态的函数直接写到类层次上//(1)定义一个接口类var Interface=function (name,methods) {//name:接口名字 if(arguments.length<2){ alert("必须是两个参数") } this.name=name; this.methods=[];//定义一个空数组装载函数名 for(var i=0;i<methods.length;i++){ if(typeof methods[i]!="string"){ alert("函数名必须是字符串类型"); }else { this.methods.push( methods[i]); } }};Interface.ensureImplement=function (object) { if(arguments.length<2){ throw new Error("参数必须不少于2个") return false; } for(var i=1;i<arguments.length;i++){ var inter=arguments[i]; //如果是接口就必须是Interface类型 if(inter.constructor!=Interface){ throw new Error("如果是接口类的话,就必须是Interface类型"); } //判断接口中的方法是否全部实现 //遍历函数集合 for(var j=0;j<inter.methods.length;j++){ var method=inter.methods[j];//接口中所有函数 //object[method]传入的函数 //最终是判断传入的函数是否与接口中所用函数匹配 if(!object[method]||typeof object[method]!="function" ){//实现类中必须有方法名字与接口中所用方法名相同 throw new Error("实现类中没有完全实现接口中的所有方法") } } }}
(2)继承文件
/*创建extend函数为了程序中所有的继承操作*///subClass:子类 superClass:超类function extend(subClass,superClass) { //1,使子类原型属性等于父类的原型属性 //初始化一个中间空对象,目的是为了转换主父关系 var F = function () {}; F.prototype = superClass.prototype; //2, 让子类继承F subClass.prototype = new F(); subClass.prototype.constructor = subClass; //3,为子类增加属性 superClass ==》原型链的引用 subClass.superClass = superClass.prototype; //4,增加一个保险,就算你的原型类是超类(Object)那么也要把你的构造函数级别降下来 if (superClass.prototype.constructor == Object.prototype.constructor) { superClass.prototype.constructor = superClass; }}
通过下面的例子,逐步引进工厂模式及改进工厂模式1,工厂模式的引入,(1)创建接口对象
var Pet=new Interface("Pet",["eat","run","sing","register"]);
(2)定义一个宠物店类并在prototype上进行扩展
var PetShop=function () {} PetShop.prototype={ //出售宠物的方法 sellPet:function (kind) { //宠物对象 var pet; //宠物种类 switch (kind){ case 'dog':
阅读全文
0 0
- javascript设计模式--简单工厂模式
- javascript设计模式:简单工厂模式
- JavaScript设计模式--简单工厂模式
- JavaScript设计模式--简单工厂模式
- JavaScript设计模式--简单工厂模式
- JavaScript设计模式--简单工厂模式例子---XHR工厂
- javascript设计模式-----工厂模式
- javascript设计模式 工厂模式
- javascript 设计模式-工厂模式
- 简单工厂设计模式
- 设计模式-----简单工厂
- 简单工厂设计模式
- 设计模式:简单工厂
- 设计模式 - 简单工厂
- 设计模式 简单工厂
- 【设计模式】【简单工厂】
- 简单工厂设计模式
- 简单工厂设计模式
- 为什么给定宽元素设置左右margin为…
- Sub-PU based Motion Vector Prediction
- Elasticsearch与Solr
- 对于Java应该明确这些知识点
- select在各个浏览器中的兼容性问题
- JavaScript设计模式--简单工厂模式
- ConcurrentMap.putIfAbsent(key,va…
- tomcat7中maxConnections、maxThre…
- ClassLoader工作机制
- main方法启动tomcat支持的WebSocke…
- docker配置国内镜像
- windows下安装nodejs及其配置环境
- 通俗理解RxJS(一)
- centos在线安装最新版mysql5.7