Javascript之物件導向--介面_javascript技巧

介面：對實現某一種任務、功能，目的等，所規定的一些原則。

程式中的介面：規定好有幾個方法，方法名是什麼。（因程式中要完成任務，都是通過函數或者說方法去實現的。）

javascript中的介面：把執行個體出來的某"類型對象"、和執行個體出來的"介面對象",進行一個比較，符合規則，就可以說：這個對象實現了規定的介面；

（介面類：通過這個類，來執行個體出不同的介面。即不同的介面執行個體，也就是不同的方法個數和方法名稱）

 （進行比較：其實質就是判斷子類型執行個體出來的對象，是否有介面對象中所儲存的方法名，還有個數。）

小執行個體：

　　電話類,下面可以有“坐機”，“手機”,"平板電腦電話"等等這些子類。而這些子類，都有一個共同的任務、功能或者說是目的---[拔通電話]

　　為了實現這個功能，不同的子類，可以有不同的內部實現方法，讓這個電話能夠拔通。但現在為使用者考慮的話，必需做出一個規定：

　　不管你是什麼子類型，你執行個體出來的對象，即有電話功能的對象，要實現[拔通電話]，必須有二個方法，

　　即：1.按出電話號碼（數字鍵）2.按拔號鍵；

下面是固定的設計模式：

var Interface = function(name,methods){  if(arguments.length != 2){   throw new Error("Interface constructor called with" + arguments.length + "arguments, but expected exactly 2.");  }  this.name = name;  this.methods = [];  for(var i = 0,len = methods.length; i <len; i++){   if(typeof methods[i] !== 'string'){    throw new Error("介面方法的名稱必須是一個字串");   }   this.methods.push(methods[i]);  } }; //Static class Method Interface.ensureImplements = function(myobject1,Iobject1){  if(arguments.length!=2){   throw new Error("方法 Interface.ensureImplemnents 指定了" + arguments.length+ "個參數，但是期望的是2個 .");  }  for(var i=1,len = arguments.length; i<len; i++){   var _interface = arguments[i];   //介面對象，要通過介面類執行個體出來  if(_interface.constructor !== Interface){    throw new Error("介面，不是通過Interface類，執行個體出來的");   }   //把介面對象裡面的方法名取出來，結合到本例中的手機對象，來驗證，該手機對象是否有這兩個方法，且方法名是不是一樣；  for(var j=0, methodsLen = _interface.methods.length; j<methodsLen;j++ ){    var method = _interface.methods[j];    if(!myobject1[method]||typeof myobject1[method] !== 'function'){     throw new Error("通過驗證函式：Interface.ensureImplements: "+myobject1.name+"對象的方法"+ method + " 找不到或者不是一個Function");    }   }  } };

 下面是例子

//通過介面類，執行個體出一個"拔通電話"的介面；現在這個介面對象testInterface，規定了二個方法，且方法名字是"callfun"和"callnum"var testInterface = new Interface("call",["callfun","callnum"]);//行動電話類，的建構函式；var mobilepone = function(call){  this.name = call;}//行動電話類的公有方法mobilepone.prototype = { "constructor":mobilepone, //必須和前面介面對象規定的方法名一樣； "callfun" : function(){  document.write("按鍵"); }, //必須和前面介面對象規定的方法名一樣 "callnum" : function(){  document.write("拔號"); }}//通過行動電話類，執行個體一個三星的手機對象var anycall = new mobilepone("anycall");//檢測這個個三星的手機對象，是否實現了[拔通電話]這個介面;即把三星手機對象和介面對象做為參數傳入驗證函式，進行比較Interface.ensureImplements(anycall,testInterface);anycall.callnum();

以上就是本文的全部內容，希望對大家有所協助，感興趣的可以看下《Javascript之物件導向--方法》和《Javascript之物件導向--封裝》謝謝對雲棲社區的支援！