亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

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

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

抽象工廠模式說明

1. 工廠方法模式的問題: 在工廠方法模式里，創(chuàng)建類都需要通過 工廠類，如果要擴(kuò)展程序，就必須修改工廠類，這違背了閉包原則，對擴(kuò)展開放，對修改關(guān)閉；對于設(shè)計有一定的問題。
2. 如何解決：就要用到抽象工廠模式，就是對功能類單獨(dú)創(chuàng)建工廠類，這樣就不必修改之前的代碼，又?jǐn)U展了功能。
3. 工廠模式其實(shí)就是對 實(shí)現(xiàn)同一接口的 實(shí)現(xiàn)類 的 統(tǒng)一 工廠方式創(chuàng)建調(diào)用，但 javascript 沒有接口這號東西，所以就去掉這一層 實(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# 使用的工廠模式，都用到接口，接口是對外向各種用戶暴露的可用方法，說明這個功能應(yīng)用有些什么的方法應(yīng)用，用戶應(yīng)該怎么用這個接口。對象以類的形式表現(xiàn)出來，代表現(xiàn)實(shí)世界中的某種抽象，也許場景會有很多類似的應(yīng)用，比如上面的 郵件發(fā)送，短信發(fā)送，再比如商場中的各種促銷手段，以及動物世界中的各種飛禽走獸等..

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

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

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

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

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

    這篇文章主要為大家詳細(xì)介紹了js仿小米二級菜單顯示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    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)的刪除與序號重建實(shí)例

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

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

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

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

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

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

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

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

    • 最新評論