js简单工厂模式用法实例


Posted in Javascript onJune 30, 2015

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

Javascript 相关文章推荐
js网页侧边随页面滚动广告效果实现
Apr 14 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
Sep 03 Javascript
javascript操作数组详解
Dec 17 Javascript
JavaScript判断是否为数字的4种方法及效率比较
Apr 01 Javascript
常用的Javascript数据验证插件
Aug 04 Javascript
javascript每日必学之继承
Feb 23 Javascript
JS组件系列之Bootstrap table表格组件神器【二、父子表和行列调序】
May 10 Javascript
浅谈js中的延迟执行和定时执行
May 31 Javascript
深入理解AngularJs-scope的脏检查(一)
Jun 19 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
React Router V4使用指南(精讲)
Sep 17 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
Sep 21 Javascript
JavaScript判断undefined类型的正确方法
Jun 30 #Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 #Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 #Javascript
jQuery结合AJAX之在页面滚动时从服务器加载数据
Jun 30 #Javascript
深入探究使JavaScript动画流畅的一些方法
Jun 30 #Javascript
使用jQuery在对象中缓存选择器的简单方法
Jun 30 #Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 #Javascript
You might like
javascript while语句和do while语句的区别分析
2007/12/08 Javascript
javascript中用星号表示预录入内容的实现代码
2011/01/08 Javascript
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
2012/12/17 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
js实现3d悬浮效果
2017/02/16 Javascript
详解用vue-cli来搭建vue项目和webpack
2017/04/20 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
详解react-router 4.0 下服务器如何配合BrowserRouter
2017/12/29 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
使用js获取身份证年龄的示例代码
2020/12/11 Javascript
python单元测试unittest实例详解
2015/05/11 Python
Python实现曲线点抽稀算法的示例
2017/10/12 Python
Python3使用PyQt5制作简单的画板/手写板实例
2017/10/19 Python
python实现textrank关键词提取
2018/06/22 Python
python中append实例用法总结
2019/07/30 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
查看已安装tensorflow版本的方法示例
2020/04/19 Python
Python selenium 加载并保存QQ群成员,去除其群主、管理员信息的示例代码
2020/05/28 Python
Bally巴利英国官网:经典瑞士鞋履、手袋及配饰奢侈品牌
2018/05/07 全球购物
为您的家、后院、车库等在线购物:Spreetail
2019/06/17 全球购物
全球烹饪课程的领先预订平台:Cookly
2020/01/28 全球购物
求职面试个人自我评价
2014/02/28 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
优秀语文教师事迹
2014/05/18 职场文书
村干部群众路线整改措施思想汇报
2014/10/12 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
实习生辞职信范文
2015/03/02 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
我的生日感言
2015/08/03 职场文书
比赛口号霸气押韵
2015/12/24 职场文书
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS