我以计算器为例写一个简单工厂模式,只完成加减乘除4个计算功能,考虑到其他功能方便日后扩展,遵循开放-封闭原则。

简单工厂类图:

先看一下C#的简单工厂是如何实现的:

定义抽象类Operation,加减乘除的实现由子类派生,最后由OperationFactory决定实例化哪一个子类。

namespace OperationLibrary
{
public abstract class Operation
{
private int num_A = ;
public int Num_A
{
get { return num_A; }
set { num_A = value; }
} private int num_B = ;
public int Num_B
{
get { return num_B; }
set { num_B = value; }
} public abstract double getResult();
} public class OperationAdd : Operation
{
public override double getResult()
{
return Num_A + Num_B;
}
} public class OperationSub : Operation
{
public override double getResult()
{
return Num_A - Num_B;
}
} public class OperationMul : Operation
{
public override double getResult()
{
return Num_A * Num_B;
}
} public class OperationDiv : Operation
{
public override double getResult()
{
if (Num_B == )
throw new Exception("除数不能为0");
return Num_A / Num_B;
}
} public class OperationFactory
{
public static Operation createOperate(string operate)
{
Operation oper = null;
switch (operate)
{
case "+":
oper = new OperationAdd();
break;
case "-":
oper = new OperationSub();
break;
case "*":
oper = new OperationMul();
break;
case "/":
oper = new OperationDiv();
break;
}
return oper;
}
}
}

客户端调用:

Operation oper = OperationFactory.createOperate("/");
oper.Num_A = ;
oper.Num_B = ;
oper.getResult(); //

js模拟C#的简单工厂:

var Operation = function(){
this.num_A = this.num_B = 0;
}; var OperationAdd = function(){};
OperationAdd.prototype = new Operation();
OperationAdd.prototype.getResult = function(){
return this.num_A + this.num_B;
}; var OperationSub = function(){};
OperationSub.prototype = new Operation();
OperationSub.prototype.getResult = function(){
return this.num_A - this.num_B;
}; var OperationMul = function(){};
OperationMul.prototype = new Operation();
OperationMul.prototype.getResult = function(){
return this.num_A * this.num_B;
}; var OperationDiv = function(){};
OperationDiv.prototype = new Operation();
OperationDiv.prototype.getResult = function(){
if(this.num_B == 0)
throw new Error('除数不能为0');
return this.num_A / this.num_B;
}; var OperateFactory = function(){};
OperateFactory.createOperate = function(operate){
var oper;
switch(operate){
case "+":
oper = new OperationAdd();
break;
case "-":
oper = new OperationSub();
break;
case "*":
oper = new OperationMul();
break;
case "/":
oper = new OperationDiv();
break;
}
return oper;
}; //调用:
var oper = OperateFactory.createOperate('+');
oper.num_A = 1;
oper.num_B = 2;
alert(oper.getResult()); //

js完全照搬C#的模式显然太复杂,根据js语言的特性实现一个:

var Operation = function(){
this.num_A = this.num_B = 0;
};
Operation.prototype.OperationAdd = function(){
return this.num_A + this.num_B;
};
Operation.prototype.OperationSub = function(){
return this.num_A - this.num_B;
};
Operation.prototype.OperationMul = function(){
return this.num_A * this.num_B;
};
Operation.prototype.OperationDiv = function(){
if(this.num_B == 0)
throw new Error('除数不能为0');
return this.num_A / this.num_B;
};

//策略
var operateStrategy = {
'+':'OperationAdd',
'-':'OperationSub',
'*':'OperationMul',
'/':'OperationDiv'
}; //工厂
var OperateFactory = (function(){ var oper; return function(operate){ //只实例化一次
oper = oper || new Operation(); return {
setNumber:function(a,b){
oper.num_A = a;
oper.num_B = b;
},
getResult:function(){
var fName = operateStrategy[operate],
fun = oper[fName] || function(){};
return fun.call(oper);
}
};
};
})(); //调用:
var oper = OperateFactory('+');
oper.setNumber(1,3);
alert(oper.getResult()); oper = OperateFactory('*');
oper.setNumber(2,3);
alert(oper.getResult());

总结:如果日后需要扩展计算器的功能,我们需要维护2个地方,一个是为Operation的原型添加所需要的新功能,另一个是维护策略对象:operateStrategy, 基本上不需要修改程序的内部方法,而是为它增加扩展,基本符合开放-封闭原则。我认为只要对面向对象编程思想有所了解,都能写出简单工厂模式,使用场景无需考虑因为在编码过程中这是一件很自然的事情,他简单到都不能算是一个模式。

js简单工厂的更多相关文章

  1. JS 简单工厂模式,工厂模式(二)

    一.什么是工厂模式: 工厂模式就是用来创建对象的一种最常用的设计模式,我们不暴露创建对象的具体逻辑,而是将逻辑封装到一个函数中,那么,这个函数 就可以被视为一个工厂.那么,在实际项目中,我们是不是可以 ...

  2. JS设计模式--简单工厂模式

    在JS中创建对象会习惯的使用new关键字和类构造函数(也是可以用对象字面量). 工厂模式就是一种有助于消除两个类依赖性的模式. 工厂模式分为简单工厂模式和复杂工厂模式,这篇主要讲简单工厂模式. 简单工 ...

  3. js原生设计模式——3简单工厂模式\简单工厂模式封装简单对象

    1.Factory基本写法 <!DOCTYPE html><html lang="en"><head>    <meta charset= ...

  4. 【JS设计模式】温习简单工厂模式、工厂方法模式、抽象工厂模式概念

    注:空心箭头表示的是种继承关系,工厂类和产品类之间是一种依赖关系.是用箭头加虚线表示的,以下的模型图是用的实线是不正确(时间不够用,在这里我偷懒了.这个习惯不好,呵呵) 简单工厂模式(Simple F ...

  5. Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架(三)—数据控件 设计模式之简单工厂模式(C#语言描述)

    jquery提供的serialize方法能够实现. $("#searchForm").serialize();但是,观察输出的信息,发现serialize()方法做的是将表单中的数 ...

  6. JS常用的设计模式(2)——简单工厂模式

    简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况. 说的通俗点,就像公司茶水间的饮料 ...

  7. 《JS设计模式笔记》 2,简单工厂模式

    <script type="text/javascript"> //简单工厂模式 //定义:由一个方法来决定到底要创建哪个类的实例,而这些实例经常拥有相同的接口.其实例 ...

  8. js简单的工厂模式

    <!DOCTYPE html> <html> <head> <title></title> </head> <body&g ...

  9. js之简单工厂模式

    简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况. 说的通俗点,就像公司茶水间的饮料 ...

随机推荐

  1. c#文件流汇总

    操作文件比较常见,项目中经常出现这样的需求:按每个月自动创建文件,并且向文件里面插入一些数据,那么我们将要分析,文件是否存在的情况:如果存在则直接打开文件流向文件中插入数据,如果不存在,则创建文件再插 ...

  2. 初识Python、数据类型、基本语句

    Python是一种面向对象的.直译式计算机程序设计语言,也是一种功能强大的且完善的通用型语言,是一种脚本语言. Python的主要特点:是面向过程的.面向对象的:模块丰富,功能强大:语法简单易学:扩展 ...

  3. Python菜鸟之路:JavaScript基础

    前言 JavaScript 是属于网络的脚本语言,被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用. 编写 1. 存在形式 方式一:存在js文件中,即写入js文件 ...

  4. JavaWeb 之过滤器

    1. 什么是过滤器 Servlet 是用来处理请求的, 过滤器是用来拦截请求的. 当用户请求某个 Servlet 时,会先执行部署在这个请求上的 Filter, 而 Filter 决定是否调用 Ser ...

  5. TGraphicControl(自绘就2步,直接自绘自己,不需要调用VCL框架提供的函数重绘所有子控件,也不需要自己来提供PaintWindow函数让管理框架来调用)与TControl关键属性方法速记(Repaint要求父控件执行详细代码来重绘自己,还是直接要求Invalidate无效后Update刷新父控件,就看透明不透明这个属性,因为计算显示的区域有所不同)

    TGraphicControl = class(TControl) private FCanvas: TCanvas; procedure WMPaint(var Message: TWMPaint) ...

  6. Navicat for MySQL远程连接虚拟机

    在虚拟机中进入mysql mysql> GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY '123456' WITH GRANT O ...

  7. Shell Step by Step

    @1:Command: ctrl+z  ------->切后台 fg ------->切前台 Ctrl + a :移到命令行首 Ctrl + e :移到命令行尾 Ctrl + u :从光标 ...

  8. input propertyChange

    結合 HTML5 標準事件 oninput 和 IE 專屬事件 onpropertychange 事件來監聽輸入框值變化. oninput 是 HTML5 的標準事件,對於檢測 textarea, i ...

  9. 登陆weblogic后页面控制台卡主

    输入http://localhost:7001/console进入控制页面,能登陆进去,但是登陆进去后页面就马上卡死,可以看到页面头部,其余都显示不出来. 重启后启动访问,能够正常进入,关闭weblo ...

  10. HAproxy 源码包安装

    HAproxy 源码包安装 系统环境:Centos 7 x64位 服务版本:haproxy-1.7.8.tar.gz 编译工具:gcc 下载地址 HAproxy:https://pan.baidu.c ...