Javascript設(shè)計(jì)模式理論與編程實(shí)戰(zhàn)之簡(jiǎn)單工廠(chǎng)模式
閱讀目錄
基本介紹
舉例說(shuō)明
總結(jié)說(shuō)明
簡(jiǎn)單工廠(chǎng)模式是由一個(gè)方法來(lái)決定到底要?jiǎng)?chuàng)建哪個(gè)類(lèi)的實(shí)例, 而這些實(shí)例經(jīng)常都擁有相同的接口. 這種模式主要用在所實(shí)例化的類(lèi)型在編譯期并不能確定, 而是在執(zhí)行期決定的情況。 說(shuō)的通俗點(diǎn),就像公司茶水間的飲料機(jī),要咖啡還是牛奶取決于你按哪個(gè)按鈕。
簡(jiǎn)單工廠(chǎng)模式在創(chuàng)建ajax對(duì)象的時(shí)候也非常有用.
通常我們創(chuàng)建對(duì)象最常規(guī)的方法就是使用new關(guān)鍵字調(diào)用構(gòu)造函數(shù),這會(huì)導(dǎo)致對(duì)象之間的依賴(lài)性。工廠(chǎng)模式是一種有助于消除類(lèi)之間依賴(lài)性的設(shè)計(jì)模式,它使用一個(gè)方法來(lái)決定要實(shí)例化哪一個(gè)類(lèi)。本文詳細(xì)介紹了簡(jiǎn)單工廠(chǎng)模式的理論,并且舉例說(shuō)明了簡(jiǎn)單工廠(chǎng)模式的具體應(yīng)用。
基本介紹
簡(jiǎn)單工廠(chǎng)模式是工廠(chǎng)模式中最基本的一種。通過(guò)定義一個(gè)工廠(chǎng)類(lèi),根據(jù)參數(shù)實(shí)例化具體的某個(gè)產(chǎn)品類(lèi)。
舉例說(shuō)明
我們舉個(gè)例子進(jìn)行說(shuō)明:假設(shè)我們開(kāi)發(fā)一個(gè)旅游行業(yè)網(wǎng)站,網(wǎng)站上面銷(xiāo)售機(jī)票,酒店等產(chǎn)品。一個(gè)用戶(hù)準(zhǔn)備購(gòu)買(mǎi)一張機(jī)票。我們可以定義相關(guān)類(lèi)如下:
var productEnums = {
flight: "flight",
hotel: "hotel"
};
function Flight() {
console.log("This is Flight");
}
function Hotel() {
console.log("This is Hotel");
}
function User() {
this.shopCart = [];
}
User.prototype = {
constructor: User,
order: function (productType) {
var product = null;
switch (productType) {
case productEnums.flight:
product = new Flight();
case productEnums.hotel:
product = new Hotel();
default:
}
this.shopCart.push(product);
}
}
var user = new User();
user.order(productEnums.flight);
這段代碼定義了三個(gè)類(lèi):用戶(hù)類(lèi)User,機(jī)票類(lèi)Flight,酒店類(lèi)Hotel,其中User包含預(yù)訂方法。用戶(hù)預(yù)訂的時(shí)候直接傳入產(chǎn)品類(lèi)型即可。這段代碼乍一看沒(méi)什么問(wèn)題,但是需求和業(yè)務(wù)是隨時(shí)變化的,如果公司業(yè)務(wù)擴(kuò)展,增加了簽證業(yè)務(wù),我們就要去修改User類(lèi)來(lái)保證它支持簽證。我們當(dāng)然可以這么做,但直接去修改User類(lèi)有什么不好呢,有沒(méi)有更好的方法呢?
首先要說(shuō)的是User類(lèi),這個(gè)類(lèi)是表示用戶(hù)類(lèi),而用戶(hù)類(lèi)本質(zhì)上跟具體的某一類(lèi)業(yè)務(wù)是無(wú)關(guān)的,也就是說(shuō),業(yè)務(wù)有可能隨時(shí)增加,但是用戶(hù)關(guān)于業(yè)務(wù)方面的代碼也就是創(chuàng)建產(chǎn)品訂單。新增的簽證業(yè)務(wù)本質(zhì)上和已經(jīng)存在的機(jī)票和酒店沒(méi)有什么區(qū)別,如果每增加一種業(yè)務(wù)就要去修改User類(lèi),這對(duì)代碼的穩(wěn)定性和可維護(hù)性大大的不好,更好的解決方法是有一個(gè)專(zhuān)門(mén)的創(chuàng)建訂單的類(lèi)在管理不同的業(yè)務(wù),這個(gè)類(lèi)就是簡(jiǎn)單工廠(chǎng)。
我們修改代碼如下:
var productFactory = (function () {
var productFactories = {
"flight": function () {
return new Flight();
},
"hotel": function () {
return new Hotel();
}
};
return {
createProduct: function (productType) {
return productFactories[productType]();
}
}
})();
User.prototype = {
constructor: User,
order: function (productType) {
this.shopCart.push(productFactory.createProduct(productType));
}
}
這段代碼主要修改的地方有兩點(diǎn):
(1)增加了一個(gè)產(chǎn)品工廠(chǎng),根據(jù)不同的產(chǎn)品類(lèi)型返回不同的對(duì)象
(2)修改User類(lèi)的order方法為調(diào)用工廠(chǎng)類(lèi)中的創(chuàng)建產(chǎn)品方法。
這樣做的好處是:
(1)使User的order方法更加專(zhuān)注,只做預(yù)訂產(chǎn)品這一功能,而提取創(chuàng)建產(chǎn)品訂單到專(zhuān)門(mén)的工廠(chǎng)類(lèi)中,代碼更簡(jiǎn)潔清晰
(2)一個(gè)專(zhuān)門(mén)管理product的factory,添加新產(chǎn)品很容易,不用再去修改User類(lèi)
總結(jié)說(shuō)明
簡(jiǎn)單工廠(chǎng)模式的主要特點(diǎn)是將對(duì)象的創(chuàng)建和使用進(jìn)行了分離,主要有3個(gè)部分組成:
1.對(duì)象使用類(lèi),該類(lèi)是被工廠(chǎng)創(chuàng)造出來(lái)的使用者,與對(duì)象的種類(lèi)和創(chuàng)建過(guò)程無(wú)關(guān)
2.工廠(chǎng)類(lèi),工廠(chǎng)類(lèi)根據(jù)傳入的參數(shù)創(chuàng)建不同的對(duì)象并返回給對(duì)象使用類(lèi),包含了不同對(duì)象的創(chuàng)建過(guò)程,如果有不同的對(duì)象,則要修改該類(lèi)
3.對(duì)象類(lèi),不同業(yè)務(wù)產(chǎn)生的不同類(lèi),就是工廠(chǎng)生產(chǎn)的產(chǎn)品
簡(jiǎn)單工廠(chǎng)模式優(yōu)點(diǎn)
1.工廠(chǎng)類(lèi)集中了所有對(duì)象的創(chuàng)建,便于對(duì)象創(chuàng)建的統(tǒng)一管理
2.對(duì)象的使用者僅僅是使用產(chǎn)品,實(shí)現(xiàn)了單一職責(zé)
3.便于擴(kuò)展,如果新增了一種業(yè)務(wù),只需要增加相關(guān)的業(yè)務(wù)對(duì)象類(lèi)和工廠(chǎng)類(lèi)中的生產(chǎn)業(yè)務(wù)對(duì)象的方法,不需要修改其他的地方。
適用場(chǎng)景
1.需要根據(jù)不同參數(shù)產(chǎn)生不同實(shí)例,這些實(shí)例有一些共性的場(chǎng)景
2.使用者只需要使用產(chǎn)品,不需要知道產(chǎn)品的創(chuàng)建細(xì)節(jié)
注意:除非是適用場(chǎng)景,否則不可濫用工廠(chǎng)模式,會(huì)造成代碼的復(fù)雜度。
- JavaScript設(shè)計(jì)模式--簡(jiǎn)單工廠(chǎng)模式定義與應(yīng)用案例詳解
- javascript設(shè)計(jì)模式 – 簡(jiǎn)單工廠(chǎng)模式原理與應(yīng)用實(shí)例分析
- JS面向?qū)ο蠡A(chǔ)講解(工廠(chǎng)模式、構(gòu)造函數(shù)模式、原型模式、混合模式、動(dòng)態(tài)原型模式)
- js面向?qū)ο笾R?jiàn)創(chuàng)建對(duì)象的幾種方式(工廠(chǎng)模式、構(gòu)造函數(shù)模式、原型模式)
- JavaScript 模式之工廠(chǎng)模式(Factory)應(yīng)用介紹
- javascript 模式設(shè)計(jì)之工廠(chǎng)模式學(xué)習(xí)心得
- JavaScript創(chuàng)建對(duì)象方式總結(jié)【工廠(chǎng)模式、構(gòu)造函數(shù)模式、原型模式等】
- JavaScript設(shè)計(jì)模式之觀(guān)察者模式(發(fā)布者-訂閱者模式)
- 常用的Javascript設(shè)計(jì)模式小結(jié)
- 常用的javascript設(shè)計(jì)模式
- JavaScript設(shè)計(jì)模式--簡(jiǎn)單工廠(chǎng)模式實(shí)例分析【XHR工廠(chǎng)案例】
相關(guān)文章
JavaScript常見(jiàn)事件處理程序?qū)嵗偨Y(jié)
這篇文章主要介紹了JavaScript常見(jiàn)事件處理程序,結(jié)合實(shí)例形式總結(jié)分析了javascript HTML事件、DOM事件、IE事件等相關(guān)處理程序與操作技巧,需要的朋友可以參考下2019-01-01
PHP讀取遠(yuǎn)程txt文檔到數(shù)組并實(shí)現(xiàn)遍歷
這篇文章主要介紹了PHP讀取遠(yuǎn)程txt文檔到數(shù)組并實(shí)現(xiàn)遍歷,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-08-08
JavaScript實(shí)現(xiàn)班級(jí)抽簽小程序
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)班級(jí)抽簽小程序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-05-05
極致之美——百行代碼實(shí)現(xiàn)全新智能語(yǔ)言
極致之美——百行代碼實(shí)現(xiàn)全新智能語(yǔ)言...2007-03-03

