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控制不同的时间段显示不同的css样式的实例代码
Nov 04 Javascript
使用jQuery获得内容以及内容的属性
Feb 26 Javascript
javascript判断变量是否有值的方法
Apr 20 Javascript
javascript从作用域链谈闭包
Jul 29 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
JavaScript实现仿Clock ISO时钟
Jun 29 Javascript
react.js组件实现拖拽复制和可排序的示例代码
Aug 20 Javascript
Node.js 使用request模块下载文件的实例
Sep 05 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
jQuery.parseJSON()函数详解
Feb 28 jQuery
记一次react前端项目打包优化的方法
Mar 30 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生成EXCEL的东东
2006/10/09 PHP
探讨如何在PHP开启gzip页面压缩实例
2013/06/09 PHP
PHP后台备份MySQL数据库的源码实例
2019/03/18 PHP
php 函数中静态变量使用的问题实例分析
2020/03/05 PHP
js实现点击注册按钮开始读秒倒计时的小例子
2013/05/11 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
用Javascript获取页面元素的具体位置
2013/12/09 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
使用Plupload实现直接上传附件至七牛云存储
2014/12/26 Javascript
JavaScript类型系统之基本数据类型与包装类型
2016/01/06 Javascript
JS函数定义方式的区别介绍
2016/03/22 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
微信小程序 教程之模块化
2016/10/17 Javascript
Angular使用ng-messages与PHP进行表单数据验证
2016/12/28 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
2017/03/01 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
vue改变对象或数组时的刷新机制的方法总结
2019/04/24 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
Javascript 对象(object)合并操作实例分析
2019/07/30 Javascript
node创建Vue项目步骤详解
2020/03/06 Javascript
python实现在windows下操作word的方法
2015/04/28 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
python装饰器简介---这一篇也许就够了(推荐)
2019/04/01 Python
Python实现多线程/多进程的TCP服务器
2019/09/03 Python
python飞机大战pygame游戏背景设计详解
2019/12/17 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
python实现简单学生信息管理系统
2020/04/09 Python
泰国汽车、火车和轮渡票预订网站:Bus Online Ticket
2017/09/09 全球购物
农村葬礼主持词
2014/03/31 职场文书
关爱残疾人标语
2014/06/25 职场文书
高中校园广播稿
2014/10/21 职场文书
公证书格式
2015/01/23 职场文书
React列表栏及购物车组件使用详解
2021/06/28 Javascript
windows系统安装配置nginx环境
2022/06/28 Servers