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 onpropertychange输入框 事件获取属性
Mar 26 Javascript
原生js实现改变随意改变div属性style的名称和值的结果
Sep 26 Javascript
jQuery实现瀑布流的取巧做法分享
Jan 12 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
JavaScript实现点击文字切换登录窗口的方法
May 11 Javascript
js正则表达式验证邮件地址
Nov 12 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
JS制作图形验证码实现代码
Oct 19 Javascript
JSON对象 详解及实例代码
Oct 18 Javascript
js验证手机号、密码、短信验证码代码工具类
Jun 24 Javascript
微信小程序实现多个按钮的颜色状态转换
Feb 15 Javascript
layui时间控件选择时间范围的实现方法
Sep 28 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
解析在apache里面给php写虚拟目录的详细方法
2013/06/24 PHP
JavaScript 学习技巧
2010/02/17 Javascript
jquery 打开窗口返回值实现代码
2010/03/04 Javascript
JavaScript去掉数组中的重复元素
2011/01/13 Javascript
解析js原生方法创建表格效率测试
2013/07/08 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
2013/11/19 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
Javascript基础教程之argument 详解
2015/01/18 Javascript
js兼容pc端浏览器并有多种弹出小提示的手机端浮层控件实例
2015/04/29 Javascript
纯javascript实现四方向文本无缝滚动效果
2015/06/16 Javascript
jQuery实现的简单提示信息插件
2015/12/08 Javascript
javascript使用Promise对象实现异步编程
2016/03/01 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
Easyui和zTree两种方式分别实现树形下拉框
2017/08/04 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
详解VUE 数组更新
2017/12/16 Javascript
js实现鼠标单击Tab表单切换效果
2018/05/16 Javascript
详解Vue-cli中的静态资源管理(src/assets和static/的区别)
2018/06/19 Javascript
JavaScript实现简单音乐播放器
2020/04/17 Javascript
实例讲解JavaScript 计时事件
2020/07/04 Javascript
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
Python读写unicode文件的方法
2015/07/10 Python
关于Python数据结构中字典的心得
2017/12/04 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
详解python校验SQL脚本命名规则
2019/03/22 Python
python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结
2019/07/04 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
pip install命令安装扩展库整理
2021/03/02 Python
详解css3中 text-fill-color属性
2019/07/08 HTML / CSS
2015年员工工作表现评语
2015/03/25 职场文书
写给老师的保证书
2015/05/09 职场文书
如何写辞职信
2015/05/13 职场文书
MySQL中varchar和char类型的区别
2021/11/17 MySQL