黑马程序员技术交流社区

标题: 深入理解JavaScript系列(28):设计模式之工厂模式 [打印本页]

作者: suifeng199106    时间: 2020-1-16 18:32
标题: 深入理解JavaScript系列(28):设计模式之工厂模式
与创建型模式类似,工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。
工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。
这个模式十分有用,尤其是创建对象的流程赋值的时候,比如依赖于很多设置文件等。并且,你会经常在程序里看到工厂方法,用于让子类类定义需要创建的对象类型。
正文
下面这个例子中,是应用了工厂方法对第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");
复制代码

如果还不理解的话,那我们就再详细一点咯,假如我们想在网页面里插入一些元素,而这些元素类型不固定,可能是图片,也有可能是连接,甚至可能是文本,根据工厂模式的定义,我们需要定义工厂类和相应的子类,我们先来定义子类的具体实现(也就是子函数):www.0755dyx.com
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];}
复制代码

使用方式如下:www.caishui114.com
var o = page.dom.factory('Link');o.url = 'http://www.cnblogs.com';o.insert(document.body);
复制代码

至此,工厂模式的介绍相信大家都已经了然于心了,我就不再多叙述了。
总结
什么时候使用工厂模式
以下几种情景下工厂模式特别有用:
什么时候不该用工厂模式
不滥用运用工厂模式,有时候仅仅只是给代码增加了不必要的复杂度,同时使得测试难以运行下去。


作者: 柠檬leung不酸    时间: 2020-5-14 22:46
仔细看看周围的人,始终有那么一些人,坚定地在向前走着,他们变成闪闪发光的存在,总觉得他们就像是神似的存在这世界上,可是我们不知道他们到底用了多少努力,才换来了这样的一个他们想要的人生。




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2