js簡(jiǎn)單工廠模式用法實(shí)例
更新時(shí)間：2015年06月30日 11:53:04 作者：方方和圓圓
這篇文章主要介紹了js簡(jiǎn)單工廠模式用法,實(shí)例分析了javascript工廠模式的實(shí)現(xiàn)原理,需要的朋友可以參考下
本文實(shí)例講述了js簡(jiǎn)單工廠模式用法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
<!DOCTYPE html>
<html>
<head>
<title>簡(jiǎn)單工廠模式</title>
</head>
<body>
<script>
//簡(jiǎn)單工廠模式
var BicycleShop = function(){};
BicycleShop.prototype ={
sellBicycle : function(model){
var bicycle = null;
switch(model){
case 'The Speedster':
bicycle = new Speedster();
break;
case 'The lowride':
bicycle = new Lowride();
break;
case 'The Comfort Cruise':
bicycle = new ComfortCruise();
break;
};
Interface.ensureImplements(bicycle,Bicycle);
bicycle.assemble();
bicycle.wash();
return bicycle;
}
};
var AcmeBicycleShop = function(){};
extent(AcmeBicycleShop, BicycleShop);
AcmeBicycleShop.prototype.createBicycle = function(model){
var bicycle = null;
switch(model){
case 'The speedster':
bicycle = new AcmeSpeedster();
break;
case 'The Lowrider':
bicycle = new AcmeLowrider();
break;
case 'The Flatlander':
bicycle = new AcmeFlatlander();
break;
case 'The Comfort Cruiser':
default :
bicycle = new AcmeComfortCruiser();
};
Interface.ensureImplements(bicycle,Bicycle);
return bicycle;
};
//工廠模式適用與一個(gè) fn 根據(jù)參數(shù)不同，創(chuàng)建不同的對(duì)象
</script>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
一些實(shí)用的TAB效果...2006-11-11
微信小程序解除10個(gè)請(qǐng)求并發(fā)限制
這篇文章主要介紹了微信小程序解除10個(gè)請(qǐng)求并發(fā)限制，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
微信小程序MoxB實(shí)現(xiàn)全局狀態(tài)管理流程詳解
這篇文章主要介紹了微信小程序使用MoxB實(shí)現(xiàn)全局狀態(tài)管理方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-11-11
微信小程序?qū)崿F(xiàn)滑動(dòng)側(cè)邊欄
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滑動(dòng)側(cè)邊欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JS特權(quán)方法定義作用以及與公有方法的區(qū)別
在構(gòu)造函數(shù)內(nèi)部通過(guò)this關(guān)鍵字定義的的方法為特權(quán)方法它的作用為在構(gòu)造函數(shù)外面公開(kāi)訪問(wèn)(僅限于實(shí)例化的對(duì)象)，而且還能夠訪問(wèn)私有成員和方法，感興趣的你可以參考下哈2013-03-03
JavaScript中Object.values()的用法舉例
這篇文章主要給大家介紹了關(guān)于JavaScript中Object.values()的用法舉例,Object.values()是JavaScript中一個(gè)內(nèi)置的靜態(tài)函數(shù),用于返回一個(gè)對(duì)象中所有屬性值的數(shù)組,需要的朋友可以參考下2023-09-09
js改變html的原有內(nèi)容實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js改變html的原有內(nèi)容實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
JS中new?Date().Format("yyyy-MM-dd")?報(bào)錯(cuò)的解決
這篇文章主要介紹了JS中new?Date().Format("yyyy-MM-dd")?報(bào)錯(cuò)的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-01-01
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)購(gòu)物車(chē)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)購(gòu)物車(chē)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
js+css實(shí)現(xiàn)有立體感的按鈕式文字豎排菜單效果
這篇文章主要介紹了js+css實(shí)現(xiàn)有立體感的按鈕式文字豎排菜單效果,通過(guò)javascript動(dòng)態(tài)調(diào)用頁(yè)面元素樣式實(shí)現(xiàn)豎排菜單的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09