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)文章
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)2048小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)淘寶固定側(cè)邊欄，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Javascript 靜態(tài)頁(yè)面實(shí)現(xiàn)隨機(jī)顯示廣告的辦法
最近在做私服發(fā)布站時(shí)，客戶要求實(shí)現(xiàn)廣告隨機(jī)排序，而且要求在html頁(yè)面實(shí)現(xiàn)，也就是說(shuō)必須使用javascript來(lái)完成了。2010-11-11
JavaScript閉包函數(shù)訪問(wèn)外部變量的方法
這篇文章主要介紹了JavaScript閉包函數(shù)訪問(wèn)外部變量的方法,本文使用匿名函數(shù)來(lái)實(shí)現(xiàn)在閉包中訪問(wèn)外部變量,需要的朋友可以參考下2014-08-08
微信小程序?qū)崿F(xiàn)轉(zhuǎn)盤抽獎(jiǎng)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)轉(zhuǎn)盤抽獎(jiǎng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了詳解webpack進(jìn)階之插件篇，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
ES6 javascript中Class類繼承用法實(shí)例詳解
這篇文章主要介紹了ES6 javascript中Class類繼承用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ES6繼承的基本用法、相關(guān)屬性、方法與使用技巧,需要的朋友可以參考下2017-10-10
layui多iframe頁(yè)面控制定時(shí)器運(yùn)行的方法
今天小編就為大家分享一篇layui多iframe頁(yè)面控制定時(shí)器運(yùn)行的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要為大家分享了一個(gè)非常實(shí)用的js驗(yàn)證框架實(shí)現(xiàn)源碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-05-05
Mock.js的安裝與使用教程(擺脫后端同學(xué)的束縛)
Mock功能可以根據(jù)接口/數(shù)據(jù)結(jié)構(gòu)定義、Mock規(guī)則配置、Mock?期望配置，自動(dòng)生成模擬數(shù)據(jù),且使用者可以根據(jù)需要靈活構(gòu)造各種結(jié)構(gòu)的接口數(shù)據(jù),下面這篇文章主要給大家介紹了關(guān)于Mock.js的安裝與使用的相關(guān)資料,需要的朋友可以參考下2022-08-08