js设计模式-工厂模式（XHR工厂）

场景：如果代码中需要多次执行Ajax请求，那么明智的做法是把创建这种对象的代码提取到一个类中，并创建一个包装器来包装在实际请求时所要经历的一系列步骤。简单工厂非常适合这种场合。

 /*AjaxHandler interface*/
     var AjaxHandler = new Interface("AjaxHandler",["request","createXhrObject"]);

     /*SimpleHandler class.*/
     var SimpleHandler = function(){};
     SimpleHandler.prototype = {
         request:function(method,url,callback,postVals){
             var xhr = this.createXhrObject();
             xhr.onreadystatechange = function(){
                 if(xhr.readyState !==4)return;
                 xhr.status === 200 ? callback.success(xhr.responseText,xhr.responseXML):
                 callback.failure(xhr.status);
             };
             xhr.open(method,url,true);
             if(method != "POST")postVals = null;
             xhr.send(postVals);
         },
         createXhrObject:function(){
             var methods = [
                 function(){return new XMLHttpRequest();},
                 function(){return new ActiveXObject("Msxml2.XMLHTTP");},
                 function(){return new ActiveXObject("Microsoft.XMLHTTP");}
             ];

             for(var i=0, len=methods.length;i<len;i++){
                 try{
                     methods[i]();
                 }catch(e){
                     alert("error");
                     continue;
                 }
                 console.log("method["+i+"]",methods[i]); //记住该方法
                 this.createXhrObject = methods[i];
                 return methods[i]();
             }
             throw new Error("SimpleHandler:could not create an XHR object");
         }
     }

     var myHandler = new SimpleHandler();
     var callback = {
         success:function(responseText){alert("success:" +responseText);},
         failure:function(statusCode){alert("statusCode"+statusCode);}
     }
     myHandler.request("get","a.php",callback);
     //第二次请求Ajax，如果是chrome浏览器，那么调用createXhrObject的时候，this.createXhrObject直接存储的是methods[0];如果是老版本的IE，那么直接调用的是new ActiveXObject
     myHandler.request("POST","b.php",callback,"username=zap");

说明：在首次执行时，它会依次尝试三种用于创建XHR对象的不同方法，一旦遇到一种管用的，他就会返回所创建的对象并将其自身改为用以创建那个对象的函数。这个函数摇身一变成了createXhrObject方法，这种技术称为memoizing,它可以用来创建存储着复杂计算的函数和方法，以免再次进行这种计算。