JS中的工厂模式
.一个栗子: var BicycleShop = function(){};
BicycleShop.prototype = {
sellBicycle : function( model ){
var bicycle;
switch(model){
case "The Speedster":
bicycle = new Speedster();
break;
case "The Lowrider":
bicycle = new Lowrider();
break;
case "The Cruiser":
default:
bicycle = new Cruiser();
break;
}
return bicycle;
}
} .简单工厂模式: // 以上方式很管用,但是一旦说我需要添加一些自行车款式的时候我就必须修改 BicycleShop里的 switch部分,那么只要是修改就有可能带来BUG。所以,将这部分生成实例的代码单独的提出来分工交给一个简单的工厂对象是一个很不错的方法。
// BicycleFactory对象里有一个createBicycle参数,这个参数为(bycicle)
var BicycleFactory = {
createBicycle : function( model ){
var bicycle;
switch( model ){
case "The Speedster":
bicycle = new Speedster();
break;
case "The Lowrider":
bicycle = new Lowrider();
break;
case "The Cruiser":
default:
bicycle = new Cruiser();
break;
}
return bycicle;
}
} // BicycleFactory是一个脱离于BicycleShop的单体。降低耦合度的效果显而易见。当需要添加新的类型的时候,不需要动 BicycleShop 只需修改工厂单体对象就可以。
// 在BicycleShop中调用BicycleFactory.createBicycle()方法
var BicycleShop = function(){};
BicycleShop.prototype = {
sellBicycle : function( model ){
var bicycle = BicycleFactory.createBicycle( model );
return bicycle;
}
}
// 以上就是一个很好的 简单工厂模式 的实例。该模式将成员对象的创建工作交给一个外部对象实现,该外部对象可以是一个简单的命名空间,也可以是一个类的实例。 .工厂模式: //commonInterface相当于一个接口,让所有对象都能通过同一个方法名.commonInterface(),而访问到自己新建对象的函数
var MyApi = function(){};
MyApi.prototype={
commonInterface: function( model ){
var bicycle = this.createBicycle( model ); //注意这里的this.createBicycle( model )
return bicycle;
}
} var A_Class = function(){};
A_Class.prototype={
commonInterface: function( model ){
var bicycle = this.createBicycle( model ); //注意这里的this.createBicycle( model )
return bicycle;
}
}
//extend( A_Class , commonInterface ); // extend(A,B)即将B的所有方法拷贝到A上去 A_Class.prototype.createBicycle = function( model ){
var bicycle;
switch( model ){
case "The Speedster":
bicycle = new Speedster_A();
break;
case "The Lowrider":
bicycle = new Lowrider_A();
break;
case "The Cruiser":
default:
bicycle = new Cruiser_A();
break;
}
return bicycle;
}
function Speedster_A(){console.log()}
function Lowrider_A (){console.log()}
function Cruiser_A (){console.log()} var B_Class = function(){};
B_Class.prototype={
commonInterface: function( model ){
var bicycle = this.createBicycle( model ); //注意这里的this.createBicycle( model )
return bicycle;
}
}
//extend( generalClass , basicClass ); B_Class.prototype.createBicycle = function( model ){
var bicycle;
switch( model ){
case "The Speedster":
bicycle = new Speedster_B();
break;
case "The Lowrider":
bicycle = new Lowrider_B();
break;
case "The Cruiser":
default:
bicycle = new Cruiser_B();
break;
}
return bicycle;
}
function Speedster_B(){console.log("AAAAAAAA")}
function Lowrider_B (){console.log("BBBBBBBB")}
function Cruiser_B (){console.log("CCCCCCCC")} var temp = new A_Class();
var test = temp.commonInterface("The Cruiser"); // var temp = new B_Class();
var test = temp.commonInterface("The Cruiser");// CCCCCCCC // 工厂模式的优点: . 动态实现
例如自行车的例子,创建一些用不同方式实现统一接口的对象,那么可以使用一个工厂方法或者简单工厂对象来简化实现过程。选择可以是明确进行的也可以是隐含的。 . 节省设置开销
如果对象要进行复杂的并且彼此相关的设置的时候,那么工厂模式可以很显著的减少每种对象的代码量。将特定的设置代码提取出来会使得代码有极大地提升。并且能优化结构便于维护。 . 用于许多小型对象组成一个大对象。 . 工厂模式之利
主要好处就是可以消除对象间的耦合,通过使用工程方法而不是new关键字。将所有实例化的代码集中在一个位子防止代码重复。 . 工厂模式之弊
大多数类最好使用new关键字和构造函数,可以让代码更加简单易读。而不必去查看工厂方法来知道。
JS中的工厂模式的更多相关文章
- JS设计模式--简单工厂模式
在JS中创建对象会习惯的使用new关键字和类构造函数(也是可以用对象字面量). 工厂模式就是一种有助于消除两个类依赖性的模式. 工厂模式分为简单工厂模式和复杂工厂模式,这篇主要讲简单工厂模式. 简单工 ...
- JS设计模式之工厂模式
1 什么是工厂模式? 工厂模式是用来创建对象的一种最常用的设计模式.我们不暴露创建对象的具体逻辑,而是将将逻辑封装在一个函数中,那么这个函数就可以被视为一个工厂.工厂模式根据抽象程度的不同可以分为: ...
- JS面向对象之工厂模式
js面向对象 什么是对象 "无序属性的集合,其属性可以包括基本值.对象或者函数",对象是一组没有特定顺序的的值.对象的没个属性或方法都有一个俄名字,每个名字都映射到一个值. 简单来 ...
- js设计模式:工厂模式、构造函数模式、原型模式、混合模式
一.js面向对象程序 var o1 = new Object(); o1.name = "宾宾"; o1.sex = "男"; o1.a ...
- PHP中“简单工厂模式”实例讲解
原创文章,转载请注明出处:http://www.cnblogs.com/hongfei/archive/2012/07/07/2580776.html 简单工厂模式:①抽象基类:类中定义抽象一些方法, ...
- Spring中的工厂模式和单例模式
Spring预备知识(适合中小型项目) 作用:集成和管理其他框架 工厂模式: A a = new A( ); 将类所要创建的对象写入工厂,统一进行管理 package com.spring; pu ...
- js 中使用工厂方法和构造器方法
1 直接创建对象 <!DOCTYPE html> <html> <head lang="en"> <meta charset=" ...
- [JS设计模式]:工厂模式(3)
简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况. 说的通俗点,就像公司茶水间的饮料 ...
- JS设计模式——7.工厂模式(概念)
工厂模式 本章讨论两种工厂模式: 简单工厂模式 使用一个类(通常是一个单体)来生成实例. 使用场景:假设你想开几个自行车商店(创建自行车实例,组装它,清洗它,出售它),每个店都有几种型号的自行车出售. ...
随机推荐
- Sql Server REPLACE函数的使用
REPLACE用第三个表达式替换第一个字符串表达式中出现的所有第二个给定字符串表达式. 语法REPLACE ( ''string_replace1'' , ''string_replace2'' , ...
- eclipse下导入工程的小问题
- 10分钟API Hook MessageBox
10分钟API Hook MessageBox 分类: C++2012-04-12 22:52 877人阅读 评论(4) 收藏 举报 hookwinapidllthreadpython编程 转载注明出 ...
- 坑爹的strcat
strcat是会改变原来的字符型数组的值的. #include<stdio.h> #include<stdlib.h> #include<string.h> voi ...
- Noi2011 : 智能车比赛
假设S在T左边,那么只能往右或者上下走 f[i]表示S到i点的最短路 f[i]=min(f[j]+dis(i,j)(i能看到j)) 判断i能看到j就维护一个上凸壳和一个下凸壳 时间复杂度$O(n^2) ...
- winform学习之----重新绘制边框方法延伸
方法1. Pen pen1 = new Pen(Color.FromArgb(233, 149, 87)); e.Graphics.DrawRectangle(pen1, new ...
- java利用JFreeChart实现各种数据统计图(柱形图,饼图,折线图)
最近在做数据挖掘的课程设计,需要将数据分析的结果很直观的展现给用户,这就要用到数据统计图,要实现这个功能就需要几个第三方包了: 1. jfreechart-1.0.13.jar 2. ...
- Qt中图像的显示与基本操作
Qt可显示基本的图像类型,利用QImage.QPxmap类可以实现图像的显示,并且利用类中的方法可以实现图像的基本操作(缩放.旋转). 1. Qt可显示的图像类型 参考Qt的帮助文档,可支持的类型,即 ...
- 用AE如何制作如下三个loading动效,
在本期象牙绘UED团队分享当中,我们将详细演示用AE如何制作如下三个loading动效, 其中涉及到AE表达式的应用.值曲线调整.速度曲线编辑等知识. 对于初学者来说可能信息量略大,希望通过是视频教程 ...
- 文件上传\">将在3秒钟后返回前页
conn.php: <?php $id=mysql_connect('localhost','root','root'); mysql_select_db("db_database12 ...