Javascript设计模式理论与编程实战之简单工厂模式


Posted in Javascript onNovember 03, 2015

阅读目录

基本介绍
举例说明
总结说明

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

简单工厂模式在创建ajax对象的时候也非常有用.

通常我们创建对象最常规的方法就是使用new关键字调用构造函数,这会导致对象之间的依赖性。工厂模式是一种有助于消除类之间依赖性的设计模式,它使用一个方法来决定要实例化哪一个类。本文详细介绍了简单工厂模式的理论,并且举例说明了简单工厂模式的具体应用。

基本介绍

简单工厂模式是工厂模式中最基本的一种。通过定义一个工厂类,根据参数实例化具体的某个产品类。

举例说明

我们举个例子进行说明:假设我们开发一个旅游行业网站,网站上面销售机票,酒店等产品。一个用户准备购买一张机票。我们可以定义相关类如下:

var productEnums = {
   flight: "flight",
   hotel: "hotel"
 };
 function Flight() {
   console.log("This is Flight");
 }
 function Hotel() {
   console.log("This is Hotel");
 }
 function User() {
   this.shopCart = [];
 }
 User.prototype = {
   constructor: User,
   order: function (productType) {
     var product = null;
     switch (productType) {
       case productEnums.flight:
         product = new Flight();
       case productEnums.hotel:
         product = new Hotel();
       default:
     }
     this.shopCart.push(product);
   }
 }
 var user = new User();
 user.order(productEnums.flight);

这段代码定义了三个类:用户类User,机票类Flight,酒店类Hotel,其中User包含预订方法。用户预订的时候直接传入产品类型即可。这段代码乍一看没什么问题,但是需求和业务是随时变化的,如果公司业务扩展,增加了签证业务,我们就要去修改User类来保证它支持签证。我们当然可以这么做,但直接去修改User类有什么不好呢,有没有更好的方法呢?

首先要说的是User类,这个类是表示用户类,而用户类本质上跟具体的某一类业务是无关的,也就是说,业务有可能随时增加,但是用户关于业务方面的代码也就是创建产品订单。新增的签证业务本质上和已经存在的机票和酒店没有什么区别,如果每增加一种业务就要去修改User类,这对代码的稳定性和可维护性大大的不好,更好的解决方法是有一个专门的创建订单的类在管理不同的业务,这个类就是简单工厂。

我们修改代码如下:

var productFactory = (function () {
   var productFactories = {
     "flight": function () {
       return new Flight();
     },
     "hotel": function () {
       return new Hotel();
     }
   };
   return {
     createProduct: function (productType) {
       return productFactories[productType]();
     }
   }
 })();
 User.prototype = {
   constructor: User,
   order: function (productType) {
     this.shopCart.push(productFactory.createProduct(productType));
   }
 }

这段代码主要修改的地方有两点:

(1)增加了一个产品工厂,根据不同的产品类型返回不同的对象

(2)修改User类的order方法为调用工厂类中的创建产品方法。

这样做的好处是:

(1)使User的order方法更加专注,只做预订产品这一功能,而提取创建产品订单到专门的工厂类中,代码更简洁清晰

(2)一个专门管理product的factory,添加新产品很容易,不用再去修改User类

总结说明

简单工厂模式的主要特点是将对象的创建和使用进行了分离,主要有3个部分组成:

1.对象使用类,该类是被工厂创造出来的使用者,与对象的种类和创建过程无关

2.工厂类,工厂类根据传入的参数创建不同的对象并返回给对象使用类,包含了不同对象的创建过程,如果有不同的对象,则要修改该类

3.对象类,不同业务产生的不同类,就是工厂生产的产品

简单工厂模式优点

1.工厂类集中了所有对象的创建,便于对象创建的统一管理

2.对象的使用者仅仅是使用产品,实现了单一职责

3.便于扩展,如果新增了一种业务,只需要增加相关的业务对象类和工厂类中的生产业务对象的方法,不需要修改其他的地方。

适用场景

1.需要根据不同参数产生不同实例,这些实例有一些共性的场景

2.使用者只需要使用产品,不需要知道产品的创建细节

注意:除非是适用场景,否则不可滥用工厂模式,会造成代码的复杂度。

Javascript 相关文章推荐
javascript 触发事件列表 比较不错
Sep 03 Javascript
JQuery 图片的展开和伸缩实例讲解
Apr 18 Javascript
node.js入门教程
Jun 01 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
javascript日期格式化方法汇总
Oct 04 Javascript
javascript电商网站抢购倒计时效果实现
Nov 19 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
vue-router 导航钩子的具体使用方法
Aug 31 Javascript
详解vue项目中如何引入全局sass/less变量、function、mixin
Jun 02 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
Sep 14 Javascript
基于游标的分页接口实现代码示例
Nov 12 Javascript
JavaScript中十种一步拷贝数组的方法实例详解
Apr 22 Javascript
JS实现网页标题随机显示名人名言的方法
Nov 03 #Javascript
jQuery实用技巧必备(中)
Nov 03 #Javascript
jQuery实用技巧必备(上)
Nov 02 #Javascript
jQuery zclip插件实现跨浏览器复制功能
Nov 02 #Javascript
JQuery zClip插件实现复制页面内容到剪贴板
Nov 02 #Javascript
jquery实现简洁文件上传表单样式
Nov 02 #Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
Nov 02 #Javascript
You might like
探讨:如何使用PHP实现计算两个日期间隔的年、月、周、日数
2013/06/13 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
php网站判断用户是否是手机访问的方法
2013/11/01 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
2017/05/11 PHP
showModelessDialog()使用详解
2006/09/21 Javascript
XENON基于JSON变种
2010/07/27 Javascript
Juqery Html(),append()等方法的Bug解决方法
2010/12/13 Javascript
JQuery入门——事件切换之toggle()方法应用介绍
2013/02/05 Javascript
JQuery伸缩导航练习示例
2013/11/13 Javascript
jquery动态改变div宽度和高度
2015/02/09 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
2017/02/08 Javascript
微信小程序城市定位的实现实例(获取当前所在国家城市信息)
2017/05/17 Javascript
AngularJS实现动态添加Option的方法
2017/05/17 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
vue实现提示保存后退出的方法
2018/03/15 Javascript
Bootstrap Table实现定时刷新数据的方法
2018/08/13 Javascript
微信小程序当前时间时段选择器插件使用方法详解
2018/12/28 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
如何通过vscode运行调试javascript代码
2020/07/24 Javascript
[48:44]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS HGT
2014/05/22 DOTA
[56:00]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs TNC 第二场
2018/04/10 DOTA
Python删除指定目录下过期文件的2个脚本分享
2014/04/10 Python
Python实现批量转换文件编码的方法
2015/07/28 Python
Python文件读写保存操作的示例代码
2018/09/14 Python
ubuntu上安装python的实例方法
2019/09/30 Python
pandas数据处理进阶详解
2019/10/11 Python
简单了解Python write writelines区别
2020/02/27 Python
美国婚戒购物网站:Anjays Designs
2017/06/28 全球购物
如何查看在weblogic中已经发布的EJB
2012/06/01 面试题
大二学期个人自我评价
2014/01/13 职场文书
幼儿园毕业致辞
2015/07/29 职场文书
安全生产协议书
2016/03/22 职场文书
使用Oracle命令进行数据库备份与还原
2021/12/06 Oracle