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

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

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

抽象工廠模式說明

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

抽象工廠源碼例子

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

復制代碼 代碼如下:

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

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

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

復制代碼 代碼如下:

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

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

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

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 = '發(fā)送內(nèi)容';
sender.send();

其他說明

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

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

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

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

相關文章

  • JavaScript學習筆記之數(shù)組求和方法

    JavaScript學習筆記之數(shù)組求和方法

    這篇文章主要介紹了JavaScript學習筆記之數(shù)組求和方法的相關資料,需要的朋友可以參考下
    2016-03-03
  • 微信小程序對接七牛云存儲的方法

    微信小程序對接七牛云存儲的方法

    本篇文章主要介紹了小程序對接七牛云存儲的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-07-07
  • JS實現(xiàn)前端路由功能示例【原生路由】

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

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

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

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

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

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

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

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

    JavaScript實現(xiàn)節(jié)點的刪除與序號重建實例

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

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

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

    原生JS實現(xiàn)各種運動之復合運動

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

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

    JavaScript創(chuàng)建對象的方式有很多,通過Object構造函數(shù)或對象字面量的方式也可以創(chuàng)建單個對象,顯然這兩種方式會產(chǎn)生大量的重復代碼,并不適合量產(chǎn)。接下來介紹七種非常經(jīng)典的創(chuàng)建對象的方式,他們也各有優(yōu)缺點
    2017-06-06

最新評論