zoukankan      html  css  js  c++  java
  • 深入理解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");

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

    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);
        };
    };

    那么我们怎样定义工厂处理函数呢?事实上非常easy:

    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. 处理大量具有同样属性的小对象

    什么时候不该用工厂模式

    不滥用运用工厂模式,有时候只不过给代码添加了不必要的复杂度。同一时候使得測试难以执行下去。

  • 相关阅读:
    wxpython 支持python语法高亮的自定义文本框控件的代码
    小米平板6.0以上系统如何不用Root激活Xposed框架的步骤
    vivo4.0系统怎么不ROOT激活Xposed框架的教程
    oppo设备怎么样无需root激活XPOSED框架的教程
    OPPO A7x在哪里开启usb调试模式的详细经验
    python将两个数组合并成一个数组的两种方法的代码
    (最详细)小米MIX的Usb调试模式在哪里打开的教程
    (简单)华为荣耀9i LLD-AL20的Usb调试模式在哪里开启的方法
    linux c ---raise 使用范例的代码
    oppo8.0系统怎么无需Root激活Xposed框架的经验
  • 原文地址:https://www.cnblogs.com/wgwyanfs/p/6915327.html
Copyright © 2011-2022 走看看