欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2014年12月28日 10:31:56   投稿:junjie  
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之抽象工廠模式介紹,抽象工廠模式就是對功能類單獨(dú)創(chuàng)建工廠類,這樣就不必修改之前的代碼,又?jǐn)U展了功能,需要的朋友可以參考下

抽象工廠模式說明

1. 工廠方法模式的問題: 在工廠方法模式里,創(chuàng)建類都需要通過 工廠類,如果要擴(kuò)展程序,就必須修改工廠類,這違背了閉包原則,對擴(kuò)展開放,對修改關(guān)閉;對于設(shè)計(jì)有一定的問題。
2. 如何解決:就要用到抽象工廠模式,就是對功能類單獨(dú)創(chuàng)建工廠類,這樣就不必修改之前的代碼,又?jǐn)U展了功能。
3. 工廠模式其實(shí)就是對 實(shí)現(xiàn)同一接口的 實(shí)現(xiàn)類 的 統(tǒng)一 工廠方式創(chuàng)建調(diào)用,但 javascript 沒有接口這號(hào)東西,所以就去掉這一層 實(shí)現(xiàn),但位功能類的成員及方法都應(yīng)當(dāng)一樣;

抽象工廠源碼例子

1. 郵件發(fā)送類:

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

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

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

2. 短信發(fā)送類:

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

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

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

3. 這里本來是創(chuàng)建工廠接口類,這里就去掉了; 直接創(chuàng)建各功能類工廠;

1>. 郵件工廠類:


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

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


2>. 短信工廠類:


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

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


4. 使用方法:


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

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

其他說明

在面向?qū)ο笳Z言如 java,.net C# 使用的工廠模式,都用到接口,接口是對外向各種用戶暴露的可用方法,說明這個(gè)功能應(yīng)用有些什么的方法應(yīng)用,用戶應(yīng)該怎么用這個(gè)接口。對象以類的形式表現(xiàn)出來,代表現(xiàn)實(shí)世界中的某種抽象,也許場景會(huì)有很多類似的應(yīng)用,比如上面的 郵件發(fā)送,短信發(fā)送,再比如商場中的各種促銷手段,以及動(dòng)物世界中的各種飛禽走獸等..

如果我們不以接口形式提供用戶使用,勢必提供暴露真實(shí)的功能類對象給用戶,用戶可以隨意對類對象進(jìn)行修改跟擴(kuò)展,這是不允許的。

工廠方法模式 跟 抽象工廠模式可以很好的解決這樣的問題,用戶只能使用接口調(diào)用工廠類,來進(jìn)行規(guī)定的操作;抽象工廠模式更進(jìn)一步使用擴(kuò)展功能變得容易,功能類跟工廠類都在實(shí)現(xiàn)相應(yīng)的接口上實(shí)現(xiàn)各自類級別的擴(kuò)展,不會(huì)涉及修改到其他的類或方法;

當(dāng)然 javascript 這種語言,沒辦法這么干,程序員得自律!

相關(guān)文章

  • JavaScript學(xué)習(xí)筆記之?dāng)?shù)組求和方法

    JavaScript學(xué)習(xí)筆記之?dāng)?shù)組求和方法

    這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之?dāng)?shù)組求和方法的相關(guān)資料,需要的朋友可以參考下
    2016-03-03
  • 微信小程序?qū)悠吲T拼鎯?chǔ)的方法

    微信小程序?qū)悠吲T拼鎯?chǔ)的方法

    本篇文章主要介紹了小程序?qū)悠吲T拼鎯?chǔ)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-07-07
  • JS實(shí)現(xiàn)前端路由功能示例【原生路由】

    JS實(shí)現(xiàn)前端路由功能示例【原生路由】

    這篇文章主要介紹了JS實(shí)現(xiàn)前端路由功能,結(jié)合實(shí)例形式分析了js實(shí)現(xiàn)原生路由的相關(guān)原理與操作技巧,需要的朋友可以參考下
    2020-05-05
  • JavaScript中立即執(zhí)行函數(shù)實(shí)例詳解

    JavaScript中立即執(zhí)行函數(shù)實(shí)例詳解

    javascript和其他編程語言相比比較隨意,所以javascript代碼中充滿各種奇葩的寫法,有時(shí)霧里看花,當(dāng)然,能理解各型各色的寫法也是對javascript語言特性更進(jìn)一步的深入理解。這篇文章主要給大家介紹了關(guān)于JavaScript中立即執(zhí)行函數(shù)的相關(guān)資料,需要的朋友可以參考下。
    2017-11-11
  • js仿小米二級菜單顯示效果

    js仿小米二級菜單顯示效果

    這篇文章主要為大家詳細(xì)介紹了js仿小米二級菜單顯示效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • 詳解JavaScript中的數(shù)據(jù)類型轉(zhuǎn)換

    詳解JavaScript中的數(shù)據(jù)類型轉(zhuǎn)換

    在JavaScript中,數(shù)據(jù)類型的轉(zhuǎn)換是一項(xiàng)常見的任務(wù),不同的數(shù)據(jù)類型之間需要相互轉(zhuǎn)換以滿足程序的需求,本篇博客將深入探討JavaScript中的數(shù)據(jù)類型轉(zhuǎn)換,包括隱式轉(zhuǎn)換和顯式轉(zhuǎn)換的概念、轉(zhuǎn)換規(guī)則和常見的數(shù)據(jù)類型轉(zhuǎn)換示例
    2023-06-06
  • JavaScript實(shí)現(xiàn)節(jié)點(diǎn)的刪除與序號(hào)重建實(shí)例

    JavaScript實(shí)現(xiàn)節(jié)點(diǎn)的刪除與序號(hào)重建實(shí)例

    這篇文章主要介紹了JavaScript實(shí)現(xiàn)節(jié)點(diǎn)的刪除與序號(hào)重建方法,涉及javascript針對頁面節(jié)點(diǎn)的刪除與遍歷技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
    2015-08-08
  • 微信小程序-可移動(dòng)菜單的實(shí)現(xiàn)過程詳解

    微信小程序-可移動(dòng)菜單的實(shí)現(xiàn)過程詳解

    這篇文章主要介紹了微信小程序-可移動(dòng)菜單的實(shí)現(xiàn)過程詳解,我們可以經(jīng)??吹绞謾C(jī)app里有的菜單欄是懸浮在首頁的,用戶可以拖動(dòng)和點(diǎn)擊菜單欄進(jìn)行交互,今天就教大家利用小程序的控件,,需要的朋友可以參考下
    2019-06-06
  • 原生JS實(shí)現(xiàn)各種運(yùn)動(dòng)之復(fù)合運(yùn)動(dòng)

    原生JS實(shí)現(xiàn)各種運(yùn)動(dòng)之復(fù)合運(yùn)動(dòng)

    這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)各種運(yùn)動(dòng)之復(fù)合運(yùn)動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-08-08
  • JavaScript創(chuàng)建對象的七種方式(推薦)

    JavaScript創(chuàng)建對象的七種方式(推薦)

    JavaScript創(chuàng)建對象的方式有很多,通過Object構(gòu)造函數(shù)或?qū)ο笞置媪康姆绞揭部梢詣?chuàng)建單個(gè)對象,顯然這兩種方式會(huì)產(chǎn)生大量的重復(fù)代碼,并不適合量產(chǎn)。接下來介紹七種非常經(jīng)典的創(chuàng)建對象的方式,他們也各有優(yōu)缺點(diǎn)
    2017-06-06

最新評論