`
weiyongliang813
  • 浏览: 12436 次
  • 性别: Icon_minigender_1
  • 来自: 成都
最近访客 更多访客>>
社区版块
存档分类
最新评论

工厂模式在js中的应用

阅读更多

1.用ajax技术进行异步请求是现在web开发中常见的一个任务。简单的工厂非常适合这种场合,根据浏览器能力不同生成一个

 

xmlHttpRequest或者ActionXObject


var simpleHandler=function(){};

simpleHandle.prototype={

       request:function(model,url,callback,postValue){

         //相当于调用一个工厂类来获取xhr

          var xhr=this.createXhrObject();

          xhr.onreadystatechange=function(){

              if(xhr.readyState!=4)return;

              (xhr.status==200)?callback.success():callback.failure();

          }

           xhr.open(method,url,true);

},

createXhrObject:function(){
//相当于定义了产品 生成类
   var methods=[

          function(){return new XMLHttpRequest();},

          function(){return new ActiveObject('Msxml2.XMLHTTP');},

          function(){ return new ActiveObject('Micosoft.XMLHTTP')}

   ];
//相当于根据不同浏览器 选择不同的产品

 for(var i=0,len=methods.length;i<len;i++){

        try{

                  methods[i]();
    
                }catch(e){

                     continue;       

 }
//将选择出来的产品赋值给createXhrObject 是为了免再次进行这种计算和判断
this.createXhrObject=methods[i];

return methods[i];

}

}


}
 
分享到:
评论

相关推荐

    JavaScript 设计模式 azw3

    然后,集中介绍了很多流行的设计模式在JavaScript中的应用,包括Module(模块)模式、Observer(观察者)模式、Facade(外观)模式和Mediator(中介者)模式;最后,还探讨了模块化的JavaScript模式、jQuery及其插件...

    Javascript设计模式源码

    作者针对常见的开发任务,从YUI等实战代码中取材,提供了专家级的解决方案,不仅透彻剖析了JavaScript扣的面向对象编程,而且深入探讨了如何用JavaScript实现以前只在服务器端应用的设计模式,如何根据实际场景选择...

    JavaScript设计模式 (美)哈梅斯(Harmes,R), (美)迪亚斯(Diaz,D)著 源码+PDF

    第二部分则专注于各种具体的设计模式及其在JavaScript语言中的应用,主要介绍了工厂模式、桥接模式、组合模式、门面模式等几种常见的模式。为了让每一章中的示例都尽可能地贴近实际应用,书中同时列举了一些...

    JavaScript设计模式–简单工厂模式定义与应用案例详解

    本文实例讲述了JavaScript设计模式–简单工厂模式定义与应用。分享给大家供大家参考,具体如下: 一,介绍 工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口...

    JavaScript 模式之工厂模式(Factory)应用介绍

    工厂模式也是对象创建模式之一,它通常在类或类的静态方法中去实现,本文将详细介绍JavaScript 工厂模式

    javascript设计模式 – 工厂模式原理与应用实例分析

    主要介绍了javascript设计模式 – 工厂模式,结合实例形式分析了javascript工厂模式基本概念、原理、定义、应用场景及相关操作注意事项,需要的朋友可以参考下

    Backbone.js应用程序开发 中文清晰完整版pdf

    backbone.js提供了一套web开发的框架,为复杂javascript应用程序提供一个mvc结构。 《backbone.js应用程序开发》详细介绍了如何使用backbone.js完成web应用开发。全书从了解mvc、spa和backbone.js的基本知识开始,...

    总结JavaScript设计模式编程中的享元模式使用

    享元模式不同于一般的设计模式,它主要用来优化程序的性能,它最适合解决...在JS中,享元模式主要有下面几个角色组成: (1)客户端:用来调用享元工厂来获取内在数据的类,通常是应用程序所需的对象, (2)享元工厂

    《javascript设计模式》学习笔记五:Javascript面向对象程序设计工厂模式实例分析

    工厂模式和单例模式(https://www.jb51.net/article/184230.htm)应该是设计模式中应用最多的模式了,工厂模式的定义:提供创建对象的接口(来自百度百科:http://baike.baidu.com/view/1306799.htm),意思就是根据...

    JavaScript模式(英文版)+基于MVC的JavaScript Web富应用开发(试读)

    基于MVC的JavaScript Web富应用开发(构建下一代互联网富应用之最前沿技术),面向jQuery开发者的客户端应用开发指南,本书教你如何构建先进的富应用程序,书中给出的很多优秀的工具和最佳实践都是很多程序员和...

    javascript设计模式 – 抽象工厂模式原理与应用实例分析

    主要介绍了javascript设计模式 – 抽象工厂模式,结合实例形式分析了javascript抽象工厂模式相关概念、原理、定义、应用场景及操作注意事项,需要的朋友可以参考下

    JavaScript设计模式--简单工厂模式定义与应用案例详解

    主要介绍了JavaScript设计模式--简单工厂模式定义与应用,结合具体案例形式详细分析了JavaScript设计模式中简单工厂模式基本概念、定义、用法与相关注意事项,需要的朋友可以参考下

    javascript设计模式 – 简单工厂模式原理与应用实例分析

    定义:定义一个工厂类,它可以根据参数的不同返回不同的实例,被创建的实例通常都具有相同的父类,因为在简单工厂模式中创建实例的方法是静态方法,因此简单工厂模式又被称为静态工厂方法模式,它属于类创建型模式。...

    JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】

    主要介绍了JavaScript设计模式--简单工厂模式,结合实例形式分析了JavaScript设计模式中简单工厂模式原理与XHR工厂应用案例,需要的朋友可以参考下

    js简单工厂模式用法实例

    本文实例讲述了js简单工厂模式用法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;简单工厂模式&lt;/title&gt; &lt;/head&gt; &lt;body&gt; [removed] /...

    Pro_JavaScript_Design_Patterns

    第二部分则专注于各种具体的设计模式及其在JavaScript语言中的应用,主要介绍了工厂模式、桥接模式、组合模式、门面模式等几种常见的模式。为了让每一章中的示例都尽可能地贴近实际应用,书中同时列举了一些...

Global site tag (gtag.js) - Google Analytics