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 相关文章推荐
Span元素的width属性无效果原因及解决方案
Jan 15 Javascript
快速查找数组中的某个元素并返回下标示例
Sep 03 Javascript
按下Enter焦点移至下一个控件的实现js代码
Dec 11 Javascript
javascript里使用php代码实例
Dec 13 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
浅析webpack 如何优雅的使用tree-shaking(摇树优化)
Aug 16 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
Sep 26 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
浅谈vux之x-input使用以及源码解读
Nov 04 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
VUE v-model表单数据双向绑定完整示例
Jan 21 Javascript
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
Aug 03 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内核介绍及扩展开发指南―基础知识
2011/09/11 PHP
php7安装mongoDB扩展的方法分析
2017/08/02 PHP
PHP实现支持CURL字符串证书传输的方法
2019/03/23 PHP
PHP单元测试配置与使用方法详解
2019/12/27 PHP
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
js跳转页面方法总结
2014/01/29 Javascript
flash遮住div问题的正确解决方法
2014/02/27 Javascript
javascript创建函数的20种方式汇总
2015/06/23 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
2015/12/03 Javascript
Bootstrap教程JS插件滚动监听学习笔记分享
2016/05/18 Javascript
JS简单实现移动端日历功能示例
2016/12/28 Javascript
Es6 Generator函数详细解析
2018/02/24 Javascript
解决vue 绑定对象内点击事件失效问题
2018/09/05 Javascript
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
2018/10/12 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
使用js和canvas实现时钟效果
2020/09/08 Javascript
Openlayers绘制聚合标注
2020/09/28 Javascript
Python3学习笔记之列表方法示例详解
2017/10/06 Python
Python基于csv模块实现读取与写入csv数据的方法
2018/01/18 Python
opencv之为图像添加边界的方法示例
2019/12/26 Python
Python多个装饰器的调用顺序实例解析
2020/05/22 Python
CSS3模拟动画下拉菜单效果
2017/04/12 HTML / CSS
进程的查看和调度分别使用什么命令
2013/12/14 面试题
高校学生干部的自我评价分享
2013/11/04 职场文书
小学一年级学生评语
2014/04/22 职场文书
亲子活动总结
2014/04/26 职场文书
科级干部群众路线教育实践活动对照检查材料思想汇报
2014/09/20 职场文书
辩论会主持词
2015/07/03 职场文书
2016年小学生寒假家长评语
2015/10/10 职场文书
小学英语教学经验交流材料
2015/11/02 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
创业计划书之农家乐
2019/10/09 职场文书
浅谈Mysql多表连接查询的执行细节
2021/04/24 MySQL
搭建zabbix监控以及邮件报警的超级详细教学
2022/07/15 Servers
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技