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 相关文章推荐
javascript Onunload与Onbeforeunload使用小结
Dec 31 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
Sep 30 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
为指定的元素添加遮罩层的示例代码
Jan 15 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
vue文件树组件使用详解
Mar 29 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
vue-router传参用法详解
Jan 19 Javascript
通过实例了解js函数中参数的传递
Jun 15 Javascript
js验证账户名是否重复
May 26 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
Jan 12 Vue.js
JavaScript中isPrototypeOf函数
Nov 07 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
DOMXML函数笔记
2006/10/09 PHP
php 阴历-农历-转换类代码
2012/01/16 PHP
PHP编程函数安全篇
2013/01/08 PHP
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
Webkit的跨域安全问题说明
2011/09/13 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
jquery解析xml字符串示例分享
2014/03/25 Javascript
深入理解javascript变量声明
2014/11/20 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
浅谈JavaScript 中有关时间对象的方法
2016/08/15 Javascript
JS实现焦点图轮播效果的方法详解
2016/12/19 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
JS实现留言板功能[楼层效果展示]
2017/12/27 Javascript
在react中使用vuex的示例代码
2018/07/30 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
2019/01/18 Javascript
ES6 迭代器与可迭代对象的实现
2019/02/11 Javascript
python使用cookielib库示例分享
2014/03/03 Python
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
Pycharm编辑器技巧之自动导入模块详解
2017/07/18 Python
vue.js实现输入框输入值内容实时响应变化示例
2018/07/07 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
CSS3实现滚动条动画效果代码分享
2016/08/03 HTML / CSS
Otel.com:折扣酒店预订
2017/08/24 全球购物
波兰最大的度假胜地和城市公寓租赁运营商:Sun & Snow
2018/10/18 全球购物
Order by的几种用法
2013/06/16 面试题
计算机网络毕业生自荐信
2013/10/01 职场文书
父亲生日宴会答谢词
2014/01/10 职场文书
新书吧创业计划书
2014/01/31 职场文书
客服部班长工作责任制
2014/02/25 职场文书
在宿舍喝酒的检讨书
2014/09/28 职场文书
人身意外保险授权委托书
2014/10/01 职场文书
场地使用证明模板
2014/10/25 职场文书
2015年行政工作总结范文
2015/04/09 职场文书
简单了解 MySQL 中相关的锁
2021/05/25 MySQL