JavaScript中簡單工廠模式的使用方法

//定義一個靜態(tài)方法來實現(xiàn)接口與實現(xiàn)類的直接檢驗
//靜態(tài)方法不要寫出Interface.prototype ,因為這是寫到接口的原型鏈上的
//我們要把靜態(tài)的函數(shù)直接寫到類層次上
//(1)定義一個接口類
var Interface=function (name,methods) {//name：接口名字
 if(arguments.length<2){
  alert("必須是兩個參數(shù)")
 }
 this.name=name;
 this.methods=[];//定義一個空數(shù)組裝載函數(shù)名
 for(var i=0;i<methods.length;i++){
  if(typeof methods[i]!="string"){
   alert("函數(shù)名必須是字符串類型");
  }else {
   this.methods.push( methods[i]);
  }
 }
};
Interface.ensureImplement=function (object) {
 if(arguments.length<2){
  throw new Error("參數(shù)必須不少于2個")
  return false;
 }
 for(var i=1;i<arguments.length;i++){
  var inter=arguments[i];
  //如果是接口就必須是Interface類型
  if(inter.constructor!=Interface){
   throw new Error("如果是接口類的話，就必須是Interface類型");
  }
  //判斷接口中的方法是否全部實現(xiàn)
  //遍歷函數(shù)集合
  for(var j=0;j<inter.methods.length;j++){
   var method=inter.methods[j];//接口中所有函數(shù)

   //object[method]傳入的函數(shù)
   //最終是判斷傳入的函數(shù)是否與接口中所用函數(shù)匹配
   if(!object[method]||typeof object[method]!="function" ){//實現(xiàn)類中必須有方法名字與接口中所用方法名相同
    throw new Error("實現(xiàn)類中沒有完全實現(xiàn)接口中的所有方法")
   }
  }
 }
}

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

var SimpleHandler=function(){};

 SimpleHandler.prototype={
  /*
  * method:get post
  * url:請求地址
  * callback:回調(diào)函數(shù)
  * postVars：傳入?yún)?shù)
  * */
  request:function (method,url,callback,postVars) {
     //1，使用工廠得到xhr對象
   var xhr=this.createXhrObject();

   xhr.onreadystatechange=function () {
    //4代表的意思是交互完成
    if(xhr.readyState!=4) return;
     //200值的是正常交互完成
     //404文件未找到
     //500 內(nèi)部程序出錯
     (xhr.status==200)?callback.success(xhr.responseText,xhr.responseXML):
     callback.failure(xhr.status);
   }
   //打開鏈接
   xhr.open(method,url,true);
   //設(shè)置參數(shù)
   if(method!="POST"){
    postVars=null;
   }
   xhr.send(postVars);
  },
  //2，獲取xhr的方法--不同瀏覽器不一樣
  createXhrObject:function () {
   var methods=[
    function () {return new XMLHttpRequest();},
    function () {return new ActiveXObject("Microsoft.XMLHTTP");}
   ];
   //利用try--catch 制作一個智能循環(huán)體
      for(var i=0;i<methods.length;i++){
       try{
        methods[i]();
       }catch(e) {
        continue;//回到循環(huán)開始的地方重新開始
       }
       this.createXhrObject=methods[i]();//非常重要，只有這樣才能確保不用每一次請求，全循環(huán)數(shù)組
       return methods[i]();
      }
   //如果全不對則報錯
   throw new Error("error");
  }
 };

var myHandler=new SimpleHandler();

Interface.ensureImplement(myHandler,AjaxHandler);
//檢驗是否實現(xiàn)接口中所有方法

 var callback={
  success:function (responseText) {
   alert("ok");
  },
   failure:function (status) {
   alert(status+"failure")
   }
  };

myHandler.request("POST","http://www.baidu.com",callback);
//若url為""會默認(rèn)為本地的鏈接，其他正確的鏈接，會出現(xiàn)跨域問題