首頁  >  文章  >  web前端  >  JavaScript設計模式之抽象工廠模式介紹_javascript技巧

JavaScript設計模式之抽象工廠模式介紹_javascript技巧

WBOY
WBOY原創
2016-05-16 16:24:031319瀏覽

抽象工廠模式說明

1. 工廠方法模式的問題: 在工廠方法模式裡,創建類都需要通過工廠類,如果要擴展程序,就必須修改工廠類,這違背了閉包原則,對擴展開放,對修改關閉;對於設計有一定的問題。
2. 如何解決:就要用到抽象工廠模式,就是對功能類單獨創建工廠類,這樣就不必修改之前的程式碼,又擴展了功能。
3. 工廠模式其實就是對實現同一接口的實現類的統一工廠方式創建調用,但javascript 沒有接口這號東西,所以就去掉這一層實現,但位功能類的成員及方法都應當一樣;

抽象工廠源碼範例

1. 郵件發送類別:

複製程式碼 程式碼如下:

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

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

2. 簡訊發送類別:

複製程式碼 程式碼如下:

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

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

3. 這裡本來是創建工廠介面類,這裡就去掉了; 直接創建各功能類工廠;

1>. 郵件工廠類別:


複製程式碼 程式碼如下:

function MailFactory() {
   
}
MailFactory.prototype.produce = function() {
    return new MailSender();
}


2>. 簡訊工廠類:


複製程式碼 程式碼如下:

function SmsFactory() {
   
}
SmsFactory.prototype.produce = function() {
    return new SmsSender();
}


4. 使用方法:


複製程式碼 程式碼如下:

var factory = new MailFactory();
var sender = factory.produce();
sender.to = 'toname#mail.com';
sender.title = '抽象工廠模式';
sender.content = '傳送內容';
sender.send();

其他說明

在物件導向語言如java,.net C# 使用的工廠模式,都用到接口,接口是對外向各種用戶暴露的可用方法,說明這個功能應用有些什麼的方法應用,用戶應該怎麼用這個接口。物件以類的形式表現出來,代表現實世界中的某種抽象,也許場景會有很多類似的應用,比如上面的郵件發送,短信發送,再比如商場中的各種促銷手段,以及動物世界中的各種飛禽走獸等..

如果我們不以介面形式提供用戶使用,勢必提供暴露真實的功能類別物件給用戶,用戶可以隨意對類別物件進行修改跟擴展,這是不允許的。

工廠方法模式跟抽象工廠模式可以很好的解決這樣的問題,用戶只能使用接口調用工廠類,來進行規定的操作;抽象工廠模式更進一步使用擴展功能變得容易,功能類跟工廠類別都在實作對應的介面上實作各自類別層級的擴展,不會涉及修改到其他的類別或方法;

當然 javascript 這種語言,沒辦法這麼幹,程式設計師得自律!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn