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,它可以用来创建存储着复杂计算的函数和方法，以免再次进行这种计算。