js简单工厂模式用法实例

本文实例讲述了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程序设计有所帮助。