js簡單工廠模式用法實例
更新時間：2015年06月30日 11:53:04 作者：方方和圓圓
這篇文章主要介紹了js簡單工廠模式用法,實例分析了javascript工廠模式的實現(xiàn)原理,需要的朋友可以參考下
本文實例講述了js簡單工廠模式用法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<!DOCTYPE html>
<html>
<head>
<title>簡單工廠模式</title>
</head>
<body>
<script>
//簡單工廠模式
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;
};
//工廠模式適用與一個 fn 根據(jù)參數(shù)不同，創(chuàng)建不同的對象
</script>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了原生js實現(xiàn)2048小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)淘寶固定側邊欄，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Javascript 靜態(tài)頁面實現(xiàn)隨機顯示廣告的辦法
最近在做私服發(fā)布站時，客戶要求實現(xiàn)廣告隨機排序，而且要求在html頁面實現(xiàn)，也就是說必須使用javascript來完成了。2010-11-11
這篇文章主要介紹了JavaScript閉包函數(shù)訪問外部變量的方法,本文使用匿名函數(shù)來實現(xiàn)在閉包中訪問外部變量,需要的朋友可以參考下2014-08-08
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)轉盤抽獎，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要介紹了詳解webpack進階之插件篇，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了ES6 javascript中Class類繼承用法,結合實例形式較為詳細的分析了ES6繼承的基本用法、相關屬性、方法與使用技巧,需要的朋友可以參考下2017-10-10
今天小編就為大家分享一篇layui多iframe頁面控制定時器運行的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家分享了一個非常實用的js驗證框架實現(xiàn)源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-05-05
Mock功能可以根據(jù)接口/數(shù)據(jù)結構定義、Mock規(guī)則配置、Mock?期望配置，自動生成模擬數(shù)據(jù),且使用者可以根據(jù)需要靈活構造各種結構的接口數(shù)據(jù),下面這篇文章主要給大家介紹了關于Mock.js的安裝與使用的相關資料,需要的朋友可以參考下2022-08-08