javascript设计模式-抽象工厂模式
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>抽线工厂</title>
</head>
<body> <script>
/**
* 抽象工厂模式
*
* 定义： 提供一个创建一系列相关或相互依赖对象的接口，而无需制定它们具体的类。
*
* 本质：
* 选择产品簇的实现。
*
* 功能：
* 为一系列相关对象或相互依赖的对象创建一个接口。这个接口内的方法不是任意堆砌的，而是一系列相关或相互依赖的方法。
* 从某种意义上看，抽象工厂其实是一个产品系列，或者是产品簇。
*
* 使用工厂方法来实现抽象工厂。
*
* 工厂方法是选择单个产品的实现，虽然一个类里面可以有多个工厂方法，但是这些方法之间一般是没有联系的，即使看起来像有联系。
* 但是抽象工厂着重的就是为一个产品簇选择实现，定义在抽象工厂里面的方法通常是由联系的，它们都是产品的某一部分或者是相互依赖的。如果抽象工厂里面只定义一个方法，直接创建产品，那么就退化成为工厂方法。
*
* 何时使用？
* 1.如果希望一个系统独立于它的产品的创建，组合和表示的时候。也就是一个系统只是知道产品的接口，而不关心实现的时候、
* 2.如果一个系统要由多个产品系列中的一个来配置的时候。也就是可以动态地切换产品簇的时候。
* 3.如果要强调一系列相关产品的接口，以便联合使用它们的时候。
*
* 优点：
* 分离接口和实现
* 使得切换产品簇变得容易
*
* 缺点：
* 不太容易扩展新产品
* 容易造成雷层次复杂
*
* 抽象工厂模式和单例模式
* 这两个模式可以组合使用。
* 在抽象工厂模式里面，具体的工厂实现，在整个应用中，通常一个产品系列只需要一个实例就可以了，因此可以把具体的工厂实现成为单例。
*
*/
// 示例代码：
/**
* 抽象工厂的接口，声明创建抽象产品对象的操作
*/
var AbstractFactory = function () {};
AbstractFactory.prototype = {
/**
* 示例方法，创建抽象产品A的对象
* @return {[type]} 抽象产品A的对象
*/
createProductA: function () {},
// 创建抽象产品B
createProductB: function () {}
}; /**
* 抽象产品A,B的接口
*/
var AbstractProductA = function () {};
// ...
var AbstractProductB = function () {};
// ... // 产品A的实现
var ProductA1 = function () {};
ProductA1.prototype = Object.create(AbstractProductA.prototype);
// ... var ProductA2 = function () {};
ProductA2.prototype = Object.create(AbstractProductA.prototype);
// ... // 产品B的实现
var ProductB1 = function () {};
ProductB1.prototype = Object.create(AbstractProductB.prototype);
// ... var ProductB2 = function () {};
ProductB2.prototype = Object.create(AbstractProductB.prototype);
// ... /**
* 具体的工厂实现对象，实现创建具体的产品对象的操作
*/
var ConcretFactory1 = function () {};
ConcretFactory1.prototype = Object.create(AbstractFactory.prototype);
ConcretFactory1.prototype.createProductA = function () {
return new ProductA1();
};
ConcretFactory1.prototype.createProductB = function () {
return new ProductB1();
}; var ConcretFactory2 = function () {};
ConcretFactory2.prototype = Object.create(AbstractFactory.prototype);
ConcretFactory2.prototype.createProductA = function () {
return new ProductA2();
};
ConcretFactory2.prototype.createProductB = function () {
return new ProductB2();
}; // 客户端
var af = new ConcretFactory1();
af.createProductA();
af.createProductB(); // 示例2
var AMDCPU = function (id) {
this.id = id;
};
var MSIMainboard = function (id) {
this.id = id;
}; var Schema1 = function () {};
Schema1.prototype = {
createCPUApi: function () {
return new AMDCPU(939);
},
createMainboardApi: function () {
return new MSIMainboard(939);
}
}; var Schema2 = function () {};
Schema2 = {
createCPUApi: function () {
return new AMDCPU(1000);
},
createMainboardApi: function () {
return new MSIMainboard(1000);
}
}; var ComputerEngineer = (function () {
var cpu;
var mainboard; function prepareHardWare(schema) {
cpu = schema.createCPUApi();
mainboard = schema.createMainboardApi();
console.log('prepared');
} var ComputerEngineer = function () {
cpu = null;
mainboard = null;
};
ComputerEngineer.prototype = {
makeComputer: function (schema) {
prepareHardWare(schema);
}
}; return ComputerEngineer;
}()); var engineer = new ComputerEngineer();
var schema = new Schema1();
engineer.makeComputer(schema);
engineer = schema = null; // http://www.dofactory.com/javascript-abstract-factory-pattern.aspx function Employee(name) {
this.name = name;
this.say = function () {
log.add("I am employee " + name);
};
} function EmployeeFactory() {
this.create = function (name) {
return new Employee(name);
};
} function Vendor(name) {
this.name = name;
this.say = function () {
log.add("I am vendor " + name);
};
} function VendorFactory() {
this.create = function (name) {
return new Vendor(name);
};
} // log helper
var log = (function () {
var log = "";
return {
add: function (msg) { log += msg + "\n"; },
show: function () {
alert(log);
log = "";
}
}
})(); function run() { var persons = []; var employeeFactory = new EmployeeFactory();
var vendorFactory = new VendorFactory(); persons.push(employeeFactory.create("Joan DiSilva"));
persons.push(employeeFactory.create("Tim O'Neill")); persons.push(vendorFactory.create("Gerald Watson"));
persons.push(vendorFactory.create("Nicole McNight")); for (var i = 0, len = persons.length; i < len; i++) {
persons[i].say();
} log.show();
}
</script>
</body>
</html>
javascript设计模式-抽象工厂模式的更多相关文章
- 设计模式——抽象工厂模式及java实现
设计模式--抽象工厂模式及java实现 设计模式在大型软件工程中很重要,软件工程中采用了优秀的设计模式有利于代码维护,方便日后更改和添加功能. 设计模式有很多,而且也随着时间在不断增多,其中最著名的是 ...
- 5. 星际争霸之php设计模式--抽象工厂模式
题记==============================================================================本php设计模式专辑来源于博客(jymo ...
- [设计模式] javascript 之 抽象工厂模式
抽象工厂模式说明 1. 工厂方法模式的问题: 在工厂方法模式里,创建类都需要通过 工厂类,如果要扩展程序,就必须修改工厂类,这违背了闭包原则,对扩展开放,对修改关闭:对于设计有一定的问题. 2. 如何 ...
- JAVA设计模式--抽象工厂模式
抽象工厂设计模式 1.系统中有多个产品族,而系统一次只可能消费其中一族产品2.同属于同一个产品族的产品以其使用.来看看抽象工厂模式的各个角色(和工厂方法的如出一辙):抽象工厂角色: 这是工厂方法模式的 ...
- 深入浅出设计模式——抽象工厂模式（Abstract Factory）
模式动机在工厂方法模式中具体工厂负责生产具体的产品,每一个具体工厂对应一种具体产品,工厂方法也具有唯一性,一般情况下,一个具体工厂中只有一个工厂方法或者一组重载的工厂方法.但是有时候我们需要一个工厂可 ...
- 24种设计模式--抽象工厂模式【Abstract Factory Pattern】
女娲造人,人是造出来了,世界是热闹了,可是低头一看,都是清一色的类型,缺少关爱.仇恨.喜怒哀乐等情绪,人类的生命太平淡了,女娲一想,猛然一拍脑袋,忘记给人类定义性别了,那怎么办?抹掉重来,然后就把人类 ...
- C++设计模式——抽象工厂模式
问题描述 之前讲到了C++设计模式——工厂方法模式,我们可能会想到,后期产品会越来越多了,建立的工厂也会越来越多,工厂进行了增长,工厂变的凌乱而难于管理:由于工厂方法模式创建的对象都是继承于Produ ...
- 设计模式 | 抽象工厂模式（abstract factory）
定义: 提供一个创建一系列相关或相互依赖对象的接口,而无需指定他们具体的类. 结构:(书中图,侵删) 这个图相对来说有一点点复杂,其实就是在工厂方法模式的基础上做了一些扩展,工厂方法模式只用于生成一种 ...
- 设计模式 — 抽象工厂模式（Abstract Factory）
工厂模式已经分析了简单工厂模式和工厂方法模式.并且了解了工厂方法模式去简单工厂模式的延伸,工厂方法模式如果不把工厂类抽象的话,就是简单工厂模式.由前面两个工厂模式可以猜测出抽象工厂模式应该是这两种工厂 ...
随机推荐
- Jquery在项目中的总结
1.构造对象 var _getSearchArg = function () { var argModel = {}; argModel.Txt = value; argModel.Code = va ...
- Mongodb的索引--学习笔记（未完）
全文索引 建立方法: --在articles集合的key字段上创建全文索引 db.articles.ensureIndex({key:"text"}) --在articles集合的 ...
- 学一点Git--20分钟git快速上手 [Neil]
From: http://www.cnblogs.com/shuidao/p/3535299.html (图片已修复)在Git如日中天的今天,不懂git都不好意思跟人说自己是程序猿.你是不是早就跃跃欲 ...
- WPF实现3D翻转的动画效果
1.前端代码实现 1.1 原理见代码注析 <Grid MouseDown="Grid_MouseDown"> <Viewport3D> <Viewpo ...
- linux新增一块硬盘加入原有分区
原有硬盘空间已经不足,添加一块新硬盘,并且加入到原根目录下 查看新硬盘 1 2 fdisk -l Disk /dev/sdb: 240.1 GB, 240057409536 bytes 在新硬盘上创建 ...
- func_num_args(),func_get_arg(),func_get_args()
<?php function testFunction1(){ return func_num_args(); } function testFunction2(){ return func_g ...
- ASP.NET Web API 2 对 CORS 的支持
CORS概念 跨域资源共享 (CORS) 是一种万维网联合会 (W3C) 规范(通常被认为是 HTML5 的一部分),它可让 JavaScript 克服由浏览器施加的同域策略安全限制. 所谓同域策略, ...
- 分享一下 aix安装python提示C编译器问题的办法
今天在AIX上面安装Python-2.7.2时失败,报下面的错误 checking for --enable-universalsdk... no checking for --with-univer ...
- pb中sql语句用to_char查询出来数据，居然无法检索出数据，oracle数据库，这是什么原因?
/*这样dw_modified总是无法检索出正确的结果*/ ') into :is_recoder_old_sn from emra03 where szybh01 = :as_pat_id and ...
- 对中级Linux用户有用的20个命令
1. 命令: Find 搜索指定目录下的文件,从开始于父目录,然后搜索子目录. 注意: -name‘选项是搜索大小写敏感.可以使用-iname‘选项,这样在搜索中可以忽略大小写.(*是通配符,可以搜索 ...