Javascript之面向?qū)ο?-接口

更新時間：2016年12月02日 13:54:20 作者：船長op

本篇文章實例演示了Javascript的面向?qū)ο?-接口的用法。希望對大家有所幫助，下面就隨小編一起來看看吧

接口：對實現(xiàn)某一種任務、功能，目的等，所規(guī)定的一些原則。

程序中的接口：規(guī)定好有幾個方法，方法名是什么。（因程序中要完成任務，都是通過函數(shù)或者說方法去實現(xiàn)的。）

javascript中的接口：把實例出來的某"類型對象"、和實例出來的"接口對象",進行一個比較，符合規(guī)則，就可以說：這個對象實現(xiàn)了規(guī)定的接口；

（接口類：通過這個類，來實例出不同的接口。即不同的接口實例，也就是不同的方法個數(shù)和方法名稱）

（進行比較：其實質(zhì)就是判斷子類型實例出來的對象，是否有接口對象中所保存的方法名，還有個數(shù)。）

小實例：

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

　　為了實現(xiàn)這個功能，不同的子類，可以有不同的內(nèi)部實現(xiàn)方法，讓這個電話能夠拔通。但現(xiàn)在為用戶考慮的話，必需做出一個規(guī)定：

　　不管你是什么子類型，你實例出來的對象，即有電話功能的對象，要實現(xiàn)[拔通電話]，必須有二個方法，

　　即：1.按出電話號碼（數(shù)字鍵）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+ "個參數(shù)，但是期望的是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("通過驗證函數(shù)：Interface.ensureImplements: "+myobject1.name+"對象的方法"+ method + " 找不到或者不是一個Function"); 
   } 
  } 
 } 
};

下面是例子

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

以上就是本文的全部內(nèi)容，希望對大家有所幫助，感興趣的可以看下《Javascript之面向?qū)ο?-方法》和《Javascript之面向?qū)ο?-封裝》謝謝對腳本之家的支持！

您可能感興趣的文章: