首页 / JAVA / 深入理解JavaScript系列（28）：设计模式之工厂模式

深入理解JavaScript系列（28）：设计模式之工厂模式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了深入理解JavaScript系列（28）：设计模式之工厂模式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2036字，纯文字阅读大概需要3分钟。

内容图文

介绍

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

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

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

正文

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

            var Car = (function () {
    var Car = function (model, year, miles) {
        this.model = model;
        this.year = year;
        this.miles = miles;
    };
    returnfunction (model, year, miles) {
        returnnew 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) {
    returnnew 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) {
    returnnew page.dom[type];
}

使用方式如下：

            var o = page.dom.factory(‘Link‘);
o.url = ‘http://www.cnblogs.com‘;
o.insert(document.body);

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

总结

什么时候使用工厂模式

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

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

什么时候不该用工厂模式

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

版权声明：本文为博主http://www.zuiniusn.com原创文章，未经博主允许不得转载。

原文：http://blog.csdn.net/u013948191/article/details/46925845

内容总结

以上是互联网集市为您收集整理的深入理解JavaScript系列（28）：设计模式之工厂模式全部内容，希望文章能够帮你解决深入理解JavaScript系列（28）：设计模式之工厂模式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1302665.html

来源：【匿名】