《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 相关文章推荐
使用jQuery实现的网页版的个人简历(可换肤)
Apr 19 Javascript
js监控IE火狐浏览器关闭、刷新、回退、前进事件
Jul 23 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
JavaScript编程中布尔对象的基本使用
Oct 25 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
xcode中获取js文件的路径方法(推荐)
Nov 05 Javascript
浅析如何利用angular结合translate为项目实现国际化
Dec 08 Javascript
react中fetch之cors跨域请求的实现方法
Mar 14 Javascript
vue-rx的初步使用教程
Sep 21 Javascript
关于微信小程序map组件z-index的层级问题分析
Jul 09 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 Javascript
JavaScript实现滑块验证解锁
Jan 07 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文件怎么打开 如何执行php文件
2011/12/21 PHP
ext form 表单提交数据的方法小结
2008/08/08 Javascript
JavaScript入门教程(12) js对象化编程
2009/01/31 Javascript
封装的jquery翻页滚动(示例代码)
2013/11/18 Javascript
jQuery的$.proxy()应用示例介绍
2014/04/03 Javascript
IE6 hack for js 集锦
2014/09/23 Javascript
JavaScript获取网页表单提交方式的方法
2015/04/02 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
javascript实现计时器的简单方法
2016/02/21 Javascript
js判断出两个字符串最大子串的函数实现方法
2016/11/01 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
JavaScript中object和Object的区别(详解)
2017/02/27 Javascript
JavaScript异步上传图片文件的实例代码
2017/07/04 Javascript
ES6使用Set数据结构实现数组的交集、并集、差集功能示例
2017/10/31 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
nodejs 使用 js 模块的方法实例详解
2018/12/04 NodeJs
Vue的Options用法说明
2020/08/14 Javascript
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
Taro小程序自定义顶部导航栏功能的实现
2020/12/17 Javascript
[01:07:20]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第二场 2月2日
2021/03/11 DOTA
Python实现某论坛自动签到功能
2019/08/20 Python
Python二元赋值实用技巧解析
2019/10/25 Python
为什么黑客都用python(123个黑客必备的Python工具)
2020/01/31 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
Python不支持 i ++ 语法的原因解析
2020/07/22 Python
Python下载网易云歌单歌曲的示例代码
2020/08/12 Python
阿提哈德航空官方网站:Etihad Airways
2017/01/06 全球购物
代理人委托书
2014/08/01 职场文书
2014年节能减排工作总结
2014/12/06 职场文书
学生保证书格式
2015/02/27 职场文书
关于运动会的广播稿
2015/08/19 职场文书
Go Gin实现文件上传下载的示例代码
2021/04/02 Golang
python 标准库原理与用法详解之os.path篇
2021/10/24 Python
《艾尔登法环》发布最新「战技」宣传片
2022/04/03 其他游戏
python小型的音频操作库mp3Play
2022/04/24 Python