浅议javascript的工厂模式,构造函数模式及原型模式

    通常来讲我们一般这样创建对象:

     (1)  var jxj=new Object();
            jxj.name="jxj";
            jxj.sayHi=function(){console.log("O(∩_∩)O哈哈哈~")};
     (2)  var   jxj={name:"jxj",age:"24",.....}

        这两种方式在一些场景简单,规模小的项目中使用,我们还可以忍受;但这种方式在可拓展性,可维护性等等方面有很多的问题,于是,就出现了所谓的工厂模式,构造函数模式,原型模式等等,来解决现实项目中遇到的种种问题。

工厂模式

function createPerson(name,age,job){
var o =new Object();
o.name=name;
o.age=age;
o.job=job;
   o.sayName = function(){
console.log(this.name);
 }
}
var person = createPerson("jxj",24,"IT");
var person2 = createPerson("wxq",23,"IT");

以上是最常见的工厂模式的模板,下面还有有一种复杂的例子。

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

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://7449523.blog.51cto.com/';
o.insert(document.body);

至此,工厂模式的介绍就差不多,下面分析一下工厂模式的优缺点和使用场景。

    优点:解决了创建多个相似对象的问题,不必每次都是通过new创建对象;

    缺点:无法解决对象识别的问题(返回的对象俊直接是Object)。

    什么时候使用工厂模式

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

        对象的构建十分复杂

        需要依赖具体环境创建不同实例

        处理大量具有相同属性的小对象






你可能感兴趣的:(JavaScript,工厂模式,原型模式,构造函数模式)