javascript 模式设计之工厂模式学习心得
更新时间：2010年04月27日 14:24:33 作者：
接口的实现，从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要拘泥与形式,理解本质。
模式类型：工厂模式
模式说明：常用模式之一，用来动态创建对象
适用范围：在运行期间需要在一系列可互换的子类中进行选择的类
注意事项：接口的实现，从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要拘泥与形式,理解本质。
关键点：以 函数/类/子类 构建的选择器
本质：函数作为选择器的使用
一般使用形式：
作为独立的选择器存在：
function FactoryMode(index){
switch(index){
case "index1" :
return new Class1();break;
case "index2":
return new Class2();break;
case "index3":
return new Class3();break;
default:return new ClassComm();break;
}
}
或作为类的一个方法存在：
var MainClass=function(){};//主类构造器
MainClass.prototype={
FactoryMode:function(){}//子类选择器
}
又或隐式选择，即不以使用者的主观选择而选择：
var xmlRequest=function(){
if(this.isOffOnline()){
xhr= new OfflineHandler();
}//如果此时网络不可用，创建可缓存AJAX对象
else if(this.isHightLatency()){
xhr= new QueuedHandler();
}//如果网络延迟较大，创建队列形式AJAX对象
else {
xhr=new SimpleHandler();
}//如果网络正常，创建简单AJAX对象
interface.ensureImplements(xhr,AjaxHandler);
//检查对象是否实现了接口，从而确保以后的工作可以顺利进行
return xhr;
}
延伸：
工厂模式的本质就是选择器的应用，选择器不仅可作为对象的选择，还可作为函数的选择，类的选择，参数的选择
函数的选择，如：
var addEvent=(function(){
if(!-[0,]){
return function(elem,type,handler){
elem[type+handler.toString()]=handler;
elem.attachEvent("on"+type,elem[type+handler.toString]);
}}//if IE
else {
return function(elem,type,handler){
elem.addEventListener(type,handler,false);
}
}
})();//避免多次判断
类的选择：
var suitableClass=function(){
if(match condition A) return Class1;
else if(match condition B) return Class2;
else return ClassComm;
}
参数的选择：
function Country(country){
if(country=="China")
this.config={};//设置基本参数1
else if(contry=="America")
this.config={};//设置参数2
else if()
.......//等等
}
Country.prototype={};
模式说明：常用模式之一，用来动态创建对象
适用范围：在运行期间需要在一系列可互换的子类中进行选择的类
注意事项：接口的实现，从而使不同子类可以被同等的对待,恰当的使用工厂模式,但不要拘泥与形式,理解本质。
关键点：以 函数/类/子类 构建的选择器
本质：函数作为选择器的使用
一般使用形式：
作为独立的选择器存在：
复制代码 代码如下:
function FactoryMode(index){
switch(index){
case "index1" :
return new Class1();break;
case "index2":
return new Class2();break;
case "index3":
return new Class3();break;
default:return new ClassComm();break;
}
}
或作为类的一个方法存在：
复制代码 代码如下:
var MainClass=function(){};//主类构造器
MainClass.prototype={
FactoryMode:function(){}//子类选择器
}
又或隐式选择，即不以使用者的主观选择而选择：
复制代码 代码如下:
var xmlRequest=function(){
if(this.isOffOnline()){
xhr= new OfflineHandler();
}//如果此时网络不可用，创建可缓存AJAX对象
else if(this.isHightLatency()){
xhr= new QueuedHandler();
}//如果网络延迟较大，创建队列形式AJAX对象
else {
xhr=new SimpleHandler();
}//如果网络正常，创建简单AJAX对象
interface.ensureImplements(xhr,AjaxHandler);
//检查对象是否实现了接口，从而确保以后的工作可以顺利进行
return xhr;
}
延伸：
工厂模式的本质就是选择器的应用，选择器不仅可作为对象的选择，还可作为函数的选择，类的选择，参数的选择
函数的选择，如：
复制代码 代码如下:
var addEvent=(function(){
if(!-[0,]){
return function(elem,type,handler){
elem[type+handler.toString()]=handler;
elem.attachEvent("on"+type,elem[type+handler.toString]);
}}//if IE
else {
return function(elem,type,handler){
elem.addEventListener(type,handler,false);
}
}
})();//避免多次判断
类的选择：
复制代码 代码如下:
var suitableClass=function(){
if(match condition A) return Class1;
else if(match condition B) return Class2;
else return ClassComm;
}
参数的选择：
复制代码 代码如下:
function Country(country){
if(country=="China")
this.config={};//设置基本参数1
else if(contry=="America")
this.config={};//设置参数2
else if()
.......//等等
}
Country.prototype={};
您可能感兴趣的文章:
- JavaScript设计模式--简单工厂模式定义与应用案例详解
- javascript设计模式 – 简单工厂模式原理与应用实例分析
- Javascript设计模式理论与编程实战之简单工厂模式
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- JavaScript 模式之工厂模式(Factory)应用介绍
- JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
- JavaScript设计模式之观察者模式（发布者-订阅者模式）
- 常用的Javascript设计模式小结
- 常用的javascript设计模式
- JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】
相关文章
沙箱模式常见于YUI3 core,它是一种采用同一构造器（Constructor）生成彼此独立且互不干扰（self-contained）的实例对象，而从避免污染全局对象的方法2010-09-09
JS没有提供所谓的类继承，据说在2.0中要加入这种继承方式，但是要所有浏览器都实现2.0的特性那肯定又得N多年。2009-07-07
由于本人以前是.net程序员，所以即使现在在做前端，也习惯于用面向对象的方式编写js脚本，我想如果你以前也是或者现在还是名第三代程序员的话，应该对此并不陌生。2010-01-01
javascript中的类是用函数function表示的2010-05-05
javascript中本没有命名空间的概念，但是要体现面向对象的思想，应当有命名空间，就像java中的package，.net中的namespace一样，作用主要为了防止类名冲突，相同的类名只要属于不同的命名空间，便不会冲突。2011-02-02
由于MM的事件已干完，接着我们的静态类的实现。这东西在Javascript里用得会非常的频繁，因为针对现在的网页，多个基于同一个类对象的页面不多，往往不同块对象的交互就可以解决问题了，这就需要在JS针对元素定义几个静态类就可以完事了，进入正题。2010-04-04
javascript 中，new一个对象的实质是什么？即，当我们构建一个类的实例的时候，真正做了些什么？2010-01-01
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
javascript也是一种面向对象的编程语言。但是javascript中的类相关的东西(类的定义，原型链，继承等)却不是很好理解，特别是继承。2011-07-07
"继承是面向对象开发的又一个重要概念，它可以将现实生活的概念对应带程序逻辑中"。“ 虽然在JavaScript中没有专门的机制来实现类的继承，但可以通过拷贝一个类的prototype 到另外一个类来实现继承”。2009-08-08
研究了一下 jabsorb，写了几个简单的例子，希望能够帮助菜鸟快速入门。2008-10-10
最新评论