深入理解JavaScript系列(28):设计模式之工厂模式详解


Posted in Javascript onMarch 03, 2015

介绍

与创建型模式类似,工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。

工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。

这个模式十分有用,尤其是创建对象的流程赋值的时候,比如依赖于很多设置文件等。并且,你会经常在程序里看到工厂方法,用于让子类类定义需要创建的对象类型。

正文

下面这个例子中,是应用了工厂方法对第26章构造函数模式代码的改进版本:

var Car = (function () {

    var Car = function (model, year, miles) {

        this.model = model;

        this.year = year;

        this.miles = miles;

    };

    return function (model, year, miles) {

        return new Car(model, year, miles);

    };

})();
var tom = new Car("Tom", 2009, 20000);

var dudu = new Car("Dudu", 2010, 5000);

不好理解的话,我们再给一个例子:

var productManager = {};
productManager.createProductA = function () {

    console.log('ProductA');

}
productManager.createProductB = function () {

    console.log('ProductB');

}

        

productManager.factory = function (typeType) {

    return new productManager[typeType];

}
productManager.factory("createProductA");

如果还不理解的话,那我们就再详细一点咯,假如我们想在网页面里插入一些元素,而这些元素类型不固定,可能是图片,也有可能是连接,甚至可能是文本,根据工厂模式的定义,我们需要定义工厂类和相应的子类,我们先来定义子类的具体实现(也就是子函数):

var page = page || {};

page.dom = page.dom || {};

//子函数1:处理文本

page.dom.Text = function () {

    this.insert = function (where) {

        var txt = document.createTextNode(this.url);

        where.appendChild(txt);

    };

};
//子函数2:处理链接

page.dom.Link = function () {

    this.insert = function (where) {

        var link = document.createElement('a');

        link.href = this.url;

        link.appendChild(document.createTextNode(this.url));

        where.appendChild(link);

    };

};
//子函数3:处理图片

page.dom.Image = function () {

    this.insert = function (where) {

        var im = document.createElement('img');

        im.src = this.url;

        where.appendChild(im);

    };

};

那么我们如何定义工厂处理函数呢?其实很简单:

page.dom.factory = function (type) {

    return new page.dom[type];

}

使用方式如下:
var o = page.dom.factory('Link');

o.url = 'http://www.cnblogs.com';

o.insert(document.body);

至此,工厂模式的介绍相信大家都已经了然于心了,我就不再多叙述了。

总结

什么时候使用工厂模式

以下几种情景下工厂模式特别有用:

1.对象的构建十分复杂
2.需要依赖具体环境创建不同实例
3.处理大量具有相同属性的小对象

什么时候不该用工厂模式

不滥用运用工厂模式,有时候仅仅只是给代码增加了不必要的复杂度,同时使得测试难以运行下去。

Javascript 相关文章推荐
对于this和$(this)的个人理解
Sep 08 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
jquery图片轮播特效代码分享
Apr 20 Javascript
javascript编程异常处理实例小结
Nov 30 Javascript
Bootstrap基本样式学习笔记之标签(5)
Dec 07 Javascript
详解jQuery的表单验证插件--Validation
Dec 21 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
JavaScript实现QQ聊天消息展示和评论提交功能
May 22 Javascript
js实现随机点名小功能
Aug 17 Javascript
vue+swiper实现组件化开发的实例代码
Oct 26 Javascript
vue 解决IOS10低版本白屏的问题
Nov 17 Javascript
jquery插件实现图片悬浮
Apr 16 jQuery
JS运动基础框架实例分析
Mar 03 #Javascript
jQuery DOM插入节点操作指南
Mar 03 #Javascript
JS运动框架之分享侧边栏动画实例
Mar 03 #Javascript
jQuery DOM删除节点操作指南
Mar 03 #Javascript
JS实现表格数据各种搜索功能的方法
Mar 03 #Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 #Javascript
javascript验证身份证号
Mar 03 #Javascript
You might like
extjs表格文本启用选择复制功能具体实现
2013/10/11 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
jquery果冻抖动效果实现方法
2015/01/15 Javascript
12个超实用的JQuery代码片段
2015/11/02 Javascript
JavaScript的Ext JS框架中的GridPanel组件使用指南
2016/05/21 Javascript
根据Bootstrap Paginator改写的js分页插件
2016/12/25 Javascript
JS实现微信里判断页面是否被分享成功的方法
2017/06/06 Javascript
vue-cli构建项目使用 less的方法
2017/10/04 Javascript
tsconfig.json配置详解
2019/05/17 Javascript
Vue快速实现通用表单验证功能
2019/12/05 Javascript
JavaScript实现弹出窗口效果
2020/12/09 Javascript
Python实现的几个常用排序算法实例
2014/06/16 Python
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
Python 中的with关键字使用详解
2016/09/11 Python
利用Python实现Windows定时关机功能
2017/03/21 Python
基于Django filter中用contains和icontains的区别(详解)
2017/12/12 Python
Python实现GUI学生信息管理系统
2020/04/05 Python
Python实现识别手写数字大纲
2018/01/29 Python
Python实现的文本对比报告生成工具示例
2018/05/22 Python
Python-Tkinter Text输入内容在界面显示的实例
2019/07/12 Python
Django实现简单网页弹出警告代码
2019/11/15 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
python批量替换文件名中的共同字符实例
2020/03/05 Python
python实现简单贪吃蛇游戏
2020/09/29 Python
Django缓存Cache使用详解
2020/11/30 Python
Agoda.com官方网站:便宜预订全球酒店,高达80%的折扣
2018/04/04 全球购物
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
高校生生产实习自我鉴定
2013/09/21 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
软件测试专业推荐信
2014/09/18 职场文书
群众路线个人整改方案
2014/10/25 职场文书
实习协议书
2015/01/27 职场文书
食品安全责任书范本
2015/05/09 职场文书
在pycharm中无法import所安装的库解决方案
2021/05/31 Python
Oracle中DBLink的详细介绍
2022/04/29 Oracle