JavaScript設(shè)計(jì)模式之工廠方法模式介紹

更新時(shí)間：2014年12月28日 10:46:29 投稿：junjie

這篇文章主要介紹了JavaScript設(shè)計(jì)模式之工廠方法模式介紹,本文講解了簡(jiǎn)單工廠模式、多個(gè)工廠方法模式等內(nèi)容,需要的朋友可以參考下

1. 簡(jiǎn)單工廠模式

說(shuō)明：就是創(chuàng)建一個(gè)工廠類(lèi)，里面實(shí)現(xiàn)了所對(duì)同一個(gè)接口的實(shí)現(xiàn)類(lèi)的創(chuàng)建。

但是好像JavaScript 好像沒(méi)有接口這號(hào)東西，所以我們?nèi)サ艚涌谶@個(gè)層; 當(dāng)然，我們這里的實(shí)現(xiàn)類(lèi) 下的成員變量，方法應(yīng)該都是一樣的；

例如：這時(shí)舉短信發(fā)送跟郵件發(fā)送的例子;

1>. 郵件發(fā)送[實(shí)現(xiàn)]類(lèi)

復(fù)制代碼代碼如下:

function MailSender() {
    this.to = '';
    this.title = '';
    this.content = '';
}

MailSender.prototype.send = function() {
//send body
}

2>. 短信發(fā)送[實(shí)現(xiàn)]類(lèi)

復(fù)制代碼代碼如下:

function SmsSender() {
    this.to = '';
    this.title = '';
    this.content = '';
}

SmsSender.prototype.send = function() {
//send body
}

3>. 創(chuàng)建一個(gè)工廠類(lèi):

復(fù)制代碼代碼如下:

function SendFactory() {
this.sender = null;
}

SendFactory.prototype.produce = function(type) {
    var me = this;
    if (type == 'mail') {
        me.sender = new MailSender();
    } else if (type == 'sms') {
        me.sender = new SmsSender();
    }
　　 return me.sender;
}

4>. 使用這個(gè)工廠類(lèi):

復(fù)制代碼代碼如下:

var factory = new SendFactory();

var sender = factory.produce('mail'); //sms

sender.to = 'toName#mail.com';

sender.title = '郵件測(cè)試標(biāo)題!';

sender.content = '發(fā)送內(nèi)容';

sender.send();

2. 多個(gè)工廠方法模式

說(shuō)明：多個(gè)工廠模式方法，是對(duì)普通工廠方法的改進(jìn)，因?yàn)榉祷貙?shí)現(xiàn)是依據(jù)傳進(jìn)去的字符返回，當(dāng)字符輸入錯(cuò)誤，可能就無(wú)法處理，或是處理成錯(cuò)誤的方式；而多個(gè)工廠模式方法，就可以避免這樣的錯(cuò)誤；

我們對(duì)上面的工廠類(lèi)進(jìn)行改進(jìn):

復(fù)制代碼代碼如下:

function SendFactory() {
this.sender = null;
}

SendFactory.prototype.produceMail = function() {
    var me = this;
    me.sender = new MailSender();
    return me.sender;
}

SendFactory.prototype.produceSms = function() {
    var me = this;
    me.sender = new SmsSender();
    return me.sender;
}

使用方法:

復(fù)制代碼代碼如下:

var factory = new SendFactory();

var sender = factory.produceSms(); //produceMail

sender.to = 'toName#xxxxx';

sender.title = '短信發(fā)送方法標(biāo)題';

sender.content = '發(fā)送內(nèi)容';

sender.send();

3. 靜態(tài)工廠方法模式

說(shuō)明：將上面的多個(gè)工廠方法模式的方法改為靜態(tài)標(biāo)識(shí)即可，使之不必對(duì) SendFactory 進(jìn)行實(shí)例化;

將工廠類(lèi)代碼修改如下:

復(fù)制代碼代碼如下:

var SendFactory = {

    produceMail : function() {

        return new MailSender();

    },

    produceSms : function() {

        return new SmsSender();

    }

}

使用方法:

復(fù)制代碼代碼如下:

var sender = SendFactory.produceMail();

sender.to = 'toName#mail.com';

sender.title = '郵件發(fā)送標(biāo)題';

sender.content = '發(fā)送內(nèi)容';

sender.send();

工廠方法模式說(shuō)明

在面向?qū)ο笏枷刖幊陶f(shuō)明，在具有很多產(chǎn)品(現(xiàn)實(shí)世界模型，名稱(chēng):類(lèi)名，成員屬性，及操作方法等)需要初始化，即產(chǎn)品需要?jiǎng)?chuàng)建，并且［實(shí)現(xiàn)同一接口時(shí)］，可以使用工廠方法模式; 第一種模式，有輸入類(lèi)型錯(cuò)誤的可能，第二模式，需要用時(shí)即創(chuàng)建工廠實(shí)例；

您可能感興趣的文章: