A5下载站:努力做内容最丰富最安全的下载站! 网站地图最新更新下载排行专题软件发布

热门软件

地铁跑酷

冒险迷岛

全民迷宫

连连消大作战

小河狸创客

阿里健康医鹿

支付宝app

番薯小说

MOMO陌陌

虾米音乐app

位置导航:A5下载 > 源码技巧 > 父类数据

js简单工厂模式用法实例

时间:2015-06-30 14:17来源:a5源码作者:zhao浏览:37
这篇文章主要介绍了js简单工厂模式用法,实例分析了javascript工厂模式的实现原理,需要的朋友可以参考下……

本文实例讲述了js简单工厂模式用法。分享给大家供大家参考。具体实现方法如下:

<!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 根据参数不同,创建不同的对象

</script>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。