《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析


Posted in Javascript onApril 08, 2020

本文实例讲述了Javascript面向对象程序设计工厂模式。分享给大家供大家参考,具体如下:

工厂模式和单例模式(https://3water.com/article/184230.htm)应该是设计模式中应用最多的模式了,工厂模式的定义:提供创建对象的接口(来自百度百科:http://baike.baidu.com/view/1306799.htm),意思就是根据领导(调用者)的指示(参数),生产相应的产品(对象)。

1.简单工厂模式

    简单工厂也就是按照上面的定义,根据不同的参数返回不同的结果。

//定义通用的对象类
  var car = function(){};
  //定义对象,对象内容省略,对象必须实现car定义的成员函数(yy一下车^_^)
  var benz = function(){};
  var bmw = function(){};
  var audi = function(){};

  //工厂方法
  var CarFactory = {
    createCar: function(brand){
       //private member of CarFactory
       var car;
       switch(brand){
        case 'benz':
          car = new benz();
          break;
        case 'bmw':
          car = new bmw();
          break;
        case 'audi':
          car = new audi();
          break;
        default:
          car = new bmw();
       }
       //可以不用理会下面这行代码,这里是为了确保所有的品牌汽车都实现了car类的方法
       Interface.ensureImplements(car, Car);
       //返回对象
       return car;
     }
};
//如果我们要获取一部汽车,只需要调用:
var mycar = CarFactory.createCar('bmw');
//不论是什么牌子的汽车,他应该都具有car的所有方法,因此即使不是同样的对象,我们可以“透明”的调用他的方法

2.工厂模式

工厂模式与简单工厂模式的区别在于工厂模式使用子类来创建对象,而不是一个独立的类

//创建一个通用的工厂
var factory = function(){};
factory.prototype = {
  sellcar: function(brand){
    var car = this.createCar(brand);
    return car;
  },
  createCar: function(){
    throw new Error('unsupported operation on an abstract class');
  }
}

//北汽集团
var BJfactory = function(){};
//继承自factory,请参考https://3water.com/article/184227.htm面向对象之二继承)
extend(BJfactory,factory);
//重写汽车方法
BJfactory.prototype.createCar = function(brand){
  var car;
  switch(brand){
   case 'bmw':
     car = new BJbmw();
     break;
   case 'benz':
     car = new BJbenz();
     break;
   case 'audi':
     car = new BJaudi();
     break;
   default:
     car = new BJbmw();
  }
  Interface.ensureImplements(car, Car);
  return car;
}
//上汽
var SHfactory = function();
extend(SHfactory, factory);
//形式同北汽
……

//这样一来,您在北京买车
var fac = new BJfactory();
//调用父类方法
var mycar = fac.sellcar('benz');
//在上海买车
fac = new SHfactory();
hercar = fac.sellcar('audi');
//注意标红的两行调用,调用者都是fac,其实是factory的两个不同子类,但是调用方法都一样,这就是工厂方法的使用

3.类比PHP(希望有助于理解1,2的内容,下面的类名只是实例,并非真实存在)

如果熟悉PHP的同学,也应该了解像PHP的数据库类一般也是工厂模式,形如:

$db = DataBase.getInstance('mysql');
//这里的$db其实是new Mysql(),而无论是class Mysql,还是class Oracle,还是class MSsql都实现了下面的connect,query方法

$db->connect();
$db->query($sql);

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
用JavaScript实现单继承和多继承的简单方法
Mar 29 Javascript
jQuery语法小结(超实用)
Dec 31 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
深入理解JavaScript中为什么string可以拥有方法
May 24 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
Mar 24 jQuery
使用javaScript实现鼠标拖拽事件
Apr 03 Javascript
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
[原创]jQuery实现合并/追加数组并去除重复项的方法
Apr 11 jQuery
js实现通过开始结束控制的计时器
Feb 25 Javascript
微信小程序设置全局请求URL及封装wx.request请求操作示例
Apr 02 Javascript
element tree树形组件回显数据问题解决
Aug 14 Javascript
vue实现表单未编辑或未保存离开弹窗提示功能
Apr 08 #Javascript
JS快速实现简单计算器
Apr 08 #Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
Apr 07 #Javascript
vue-cli3单页构建大型项目方案
Apr 07 #Javascript
在Chrome DevTools中调试JavaScript的实现
Apr 07 #Javascript
《javascript设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
Apr 07 #Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
Apr 07 #Javascript
You might like
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
简化php模板页面中分页代码的解析
2009/02/06 PHP
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
js解析与序列化json数据(一)json.stringify()的基本用法
2013/02/01 Javascript
js隐式全局变量造成的bug示例代码
2014/04/22 Javascript
[原创]推荐10款最热门jQuery UI框架
2014/08/19 Javascript
jQuery中prependTo()方法用法实例
2015/01/08 Javascript
JavaScript对HTML DOM使用EventListener进行操作
2015/10/21 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
2016/01/22 Javascript
jquery中validate与form插件提交的方式小结
2016/03/26 Javascript
微信小程序 教程之wxapp视图容器 swiper
2016/10/19 Javascript
深入理解选择框脚本[推荐]
2016/12/13 Javascript
EasyUI学习之Combobox下拉列表(1)
2016/12/29 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
详解JavaScript 为什么要有 Symbol 类型?
2019/04/03 Javascript
vue离开当前页面触发的函数代码
2020/09/01 Javascript
[09:59]DOTA2-DPC中国联赛2月7日Recap集锦
2021/03/11 DOTA
使用Python处理Excel表格的简单方法
2018/06/07 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
对Python中list的倒序索引和切片实例讲解
2018/11/15 Python
对Python 语音识别框架详解
2018/12/24 Python
详解Python做一个名片管理系统
2019/03/14 Python
django数据关系一对多、多对多模型、自关联的建立
2019/07/24 Python
pycharm修改文件的默认打开方式的步骤
2019/07/29 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
python装饰器实现对异常代码出现进行自动监控的实现方法
2020/09/15 Python
植树节活动总结
2014/04/30 职场文书
我爱读书演讲稿
2014/05/07 职场文书
巾帼志愿者活动方案
2014/08/17 职场文书
大学学生个人总结
2015/02/15 职场文书
计划生育工作总结2015
2015/04/03 职场文书
2015年校医个人工作总结
2015/07/24 职场文书
2016清明节森林防火广播稿
2015/12/17 职场文书
vue实现列表垂直无缝滚动
2022/04/08 Vue.js