js简单工厂模式用法实例

2019-12-18,,,

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

您可能感兴趣的文章:

  • JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
  • JavaScript 模式之工厂模式(Factory)应用介绍
  • javascript 模式设计之工厂模式学习心得
  • 浅析JS抽象工厂模式
  • JavaScript设计模式之工厂模式和构造器模式
  • Javascript设计模式理论与编程实战之简单工厂模式
  • javascript抽象工厂模式详细说明
  • JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)
  • js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
  • js正则表达式中的单行模式与多行模式实例分析
  • JS工厂模式开发实践案例分析

《js简单工厂模式用法实例.doc》

下载本文的Word格式文档,以方便收藏与打印。