《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 相关文章推荐
新老版本juqery获取radio对象的方法
Mar 01 Javascript
node.js中的fs.truncate方法使用说明
Dec 15 Javascript
快速学习JavaScript的6个思维技巧
Oct 13 Javascript
javascript实现自动填写表单实例简析
Dec 02 Javascript
JavaScript的MVVM库Vue.js入门学习笔记
May 03 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
Sep 17 Javascript
微信开发 微信授权详解
Oct 21 Javascript
简单三步实现报表页面集成天气
Dec 15 Javascript
ES6学习笔记之map、set与数组、对象的对比
Mar 01 Javascript
关于jquery中attr()和prop()方法的区别
May 28 jQuery
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
Sep 05 Javascript
Nuxt v-bind绑定img src不显示的解决
Dec 05 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 函数使用方法与函数定义方法
2010/05/09 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
PHP实现文件上传功能实例代码
2017/05/18 PHP
jquery中dom操作和事件的实例学习 仿yahoo邮箱登录框的提示效果
2011/11/30 Javascript
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
js弹出的对话窗口永远保持居中显示
2012/12/15 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
jquery常用方法及使用示例汇总
2014/11/08 Javascript
BootStrap轻松实现微信页面开发代码分享
2016/10/21 Javascript
JS产生随机数的用法小结
2016/12/10 Javascript
javascript 的变量、作用域和内存问题
2017/04/19 Javascript
编写v-for循环的技巧汇总
2020/12/01 Javascript
十个Python程序员易犯的错误
2015/12/15 Python
Python实现代码统计工具(终极篇)
2016/07/04 Python
在 Python 应用中使用 MongoDB的方法
2017/01/05 Python
python实时分析日志的一个小脚本分享
2017/05/07 Python
python机器学习之贝叶斯分类
2018/03/26 Python
详解Python中where()函数的用法
2018/03/27 Python
windows上安装python3教程以及环境变量配置详解
2019/07/18 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
Django框架模板用法入门教程
2019/11/04 Python
Python中的四种交换数值的方法解析
2019/11/18 Python
Python如何实现在字符串里嵌入双引号或者单引号
2020/03/02 Python
Python restful框架接口开发实现
2020/04/13 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
Sephora丝芙兰马来西亚官方网站:国际化妆品购物
2018/03/15 全球购物
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
优秀大学生推荐信范文
2013/11/28 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
领导干部贪图享乐整改措施
2014/09/21 职场文书
军训通讯稿范文
2015/07/18 职场文书
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL
Python进程间的通信之语法学习
2022/04/11 Python
关于Redis的主从复制及哨兵问题
2022/06/16 Redis