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 相关文章推荐
JScript内置对象Array中元素的删除方法
Mar 08 Javascript
有趣的JavaScript数组长度问题代码说明
Jan 20 Javascript
$.ajax返回的JSON无法执行success的解决方法
Sep 09 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
Jan 04 Javascript
JavaScript仿网易选项卡制作代码
Oct 06 Javascript
新手学习前端之js模仿淘宝主页网站
Oct 31 Javascript
详解Vue2+Echarts实现多种图表数据可视化Dashboard(附源码)
Mar 21 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
js实现数组内数据的上移和下移的实例
Nov 14 Javascript
vue-cli3.0使用及部分配置详解
Aug 29 Javascript
vue-cli的工程模板与构建工具详解
Sep 27 Javascript
小程序实现搜索框功能
Mar 26 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
Phpbean路由转发的php代码
2008/01/10 PHP
php中$美元符号与Zen Coding冲突问题解决方法分享
2014/05/28 PHP
php获取系统变量方法小结
2015/05/29 PHP
php禁用cookie后session设置方法分析
2016/10/19 PHP
PHP基于ORM方式操作MySQL数据库实例
2017/06/21 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
div模拟滚动条效果示例代码
2013/10/16 Javascript
给js文件传参数(详解)
2014/07/13 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
原生JS实现N级菜单的代码
2017/05/21 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
2017/10/11 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
express express-session的使用小结
2018/12/12 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
2019/09/19 Javascript
js实现详情页放大镜效果
2020/10/28 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
用 Python 爬了爬自己的微信朋友(实例讲解)
2017/08/25 Python
python中学习K-Means和图片压缩
2017/11/20 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
python关于调用函数外的变量实例
2019/12/26 Python
python爬取本站电子书信息并入库的实现代码
2020/01/20 Python
对python中各个response的使用说明
2020/03/28 Python
python实现IOU计算案例
2020/04/12 Python
Python调用SMTP服务自动发送Email的实现步骤
2021/02/07 Python
css3发光搜索表单分享
2014/04/11 HTML / CSS
美国受信赖的教育产品供应商:Nest Learning
2018/06/14 全球购物
FC-Moto瑞典:欧洲最大的摩托车服装和头盔商店之一
2018/11/27 全球购物
服装公司总经理岗位职责
2013/11/30 职场文书
函授毕业自我鉴定
2013/12/19 职场文书
厨师长岗位职责
2014/03/02 职场文书
合理化建议书
2015/02/04 职场文书
董事长秘书岗位职责
2015/02/13 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
原型和原型链 prototype和proto的区别详情
2021/11/02 Javascript
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android