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 相关文章推荐
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
Jun 18 Javascript
Javascript闭包用法实例分析
Jan 23 Javascript
javascript中数组方法汇总
Jul 07 Javascript
js实现文字垂直滚动和鼠标悬停效果
Dec 31 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
Jan 18 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 Javascript
9种使用Chrome Firefox 自带调试工具调试javascript技巧
Dec 22 Javascript
js运算符的一些特殊用法
Jul 29 Javascript
laypage+SpringMVC实现后端分页
Jul 27 Javascript
vue2.x数组劫持原理的实现
Apr 19 Javascript
在Webpack中用url-loader处理图片和字体的问题
Apr 28 Javascript
详谈Vue.js框架下main.js,App.vue,page/index.vue之间的区别
Aug 12 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
生成静态页面的PHP类
2006/11/25 PHP
php MySQL与分页效率
2008/06/04 PHP
php下使用SimpleXML 处理XML 文件
2010/02/27 PHP
PHP高级编程实例:编写守护进程
2014/09/02 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
JS的数组的扩展实例代码
2008/07/09 Javascript
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
文本框输入时 实现自动提示(像百度、google一样)
2012/04/05 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
js四舍五入数学函数round使用实例
2014/05/09 Javascript
原生JS实现网络彩票投注效果
2016/09/25 Javascript
jquery的父、子、兄弟节点查找,节点的子节点循环方法
2016/12/07 Javascript
JS中闭包的经典用法小结(2则示例)
2016/12/28 Javascript
jquery——九宫格大转盘抽奖实例
2017/01/16 Javascript
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
Node.js 在本地生成日志文件的方法
2020/02/07 Javascript
Python实现全角半角字符互转的方法
2016/11/28 Python
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
Python3 中把txt数据文件读入到矩阵中的方法
2018/04/27 Python
用Python读取几十万行文本数据
2018/12/24 Python
python自制包并用pip免提交到pypi仅安装到本机【推荐】
2019/06/03 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
django页面跳转问题及注意事项
2019/07/18 Python
解决python打开https出现certificate verify failed的问题
2020/09/03 Python
Roxy美国官网:澳大利亚冲浪、滑雪健身品牌
2016/07/30 全球购物
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
司机岗位职责
2013/11/15 职场文书
超市客服工作职责
2014/06/11 职场文书
班级体育活动总结
2014/07/05 职场文书
关于迟到的检讨书
2015/05/06 职场文书
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
关于 Python json中load和loads区别
2021/11/07 Python
Python中的datetime包与time包包和模块详情
2022/02/28 Python
Win10/Win11 任务栏替换成经典样式
2022/04/19 数码科技
MySQL数据库之存储过程 procedure
2022/06/16 MySQL