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文本框(input textare)事件绑定方法教程
Apr 24 Javascript
node.js中的console.timeEnd方法使用说明
Dec 09 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
Vuex和前端缓存的整合策略详解
May 09 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 jQuery
JavaScript中立即执行函数实例详解
Nov 04 Javascript
微信小程序methods中定义的方法互相调用的实例代码
Aug 07 Javascript
Vue 自定义标签的src属性不能使用相对路径的解决
Sep 17 Javascript
js模拟F11页面全屏显示
Sep 17 Javascript
JS实现烟花爆炸效果
Mar 10 Javascript
功能完善的小程序日历组件的实现
Mar 31 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执行批量mysql语句的解决方法
2013/05/02 PHP
php 批量生成html,txt文件的实现代码
2013/06/26 PHP
javascript 动态添加表格行
2006/06/22 Javascript
Ext第一周 史上最强学习笔记---GridPanel(基础篇)
2008/12/29 Javascript
JScript分割字符串示例代码
2013/09/04 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
JavaScript+html5 canvas实现本地截图教程
2020/04/16 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
JavaScript动态检验密码强度的实现方法
2016/11/09 Javascript
react.js CMS 删除功能的实现方法
2017/04/17 Javascript
Node使用Sequlize连接Mysql报错:Access denied for user ‘xxx’@‘localhost’
2018/01/03 Javascript
JS的Ajax与后端交互数据的实例
2018/08/08 Javascript
vue axios数据请求及vue中使用axios的方法
2018/09/10 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
jQuery实现的简单日历组件定义与用法示例
2018/12/24 jQuery
Element Tooltip 文字提示的使用示例
2020/07/26 Javascript
如何使用three.js 制作一个三维的推箱子游戏
2020/07/29 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
Python实现图像几何变换
2015/07/06 Python
用Python分析3天破10亿的《我不是药神》到底神在哪?
2018/07/12 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
Python实现的企业粉丝抽奖功能示例
2019/07/26 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
青春无悔演讲稿
2014/05/08 职场文书
财务整改报告范文
2014/11/05 职场文书
端午节寄语2015
2015/03/23 职场文书
2016暑期社会实践心得体会范文
2016/01/14 职场文书
MATLAB 全景图切割及盒图显示的实现步骤
2021/05/14 Python
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript
攻击最高的10只幽灵系神奇宝贝,坚盾剑怪排第一,第五最为可怕
2022/03/18 日漫
为什么MySQL不建议使用SELECT *
2022/04/03 MySQL