快捷導(dǎo)航

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

更新時(shí)間：2016年12月02日 13:54:20 作者：船長(zhǎng)op

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

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

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

javascript中的接口：把實(shí)例出來(lái)的某"類型對(duì)象"、和實(shí)例出來(lái)的"接口對(duì)象",進(jìn)行一個(gè)比較，符合規(guī)則，就可以說(shuō)：這個(gè)對(duì)象實(shí)現(xiàn)了規(guī)定的接口；

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

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

小實(shí)例：

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

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

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

　　即：1.按出電話號(hào)碼（數(shù)字鍵）2.按拔號(hào)鍵；

下面是固定的設(shè)計(jì)模式：

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("接口方法的名稱必須是一個(gè)字符串"); 
  } 
  this.methods.push(methods[i]); 
 } 
}; 
//Static class Method 
Interface.ensureImplements = function(myobject1,Iobject1){ 
 if(arguments.length!=2){ 
  throw new Error("方法 Interface.ensureImplemnents 指定了" + arguments.length+ "個(gè)參數(shù)，但是期望的是2個(gè) ."); 
 } 
 for(var i=1,len = arguments.length; i<len; i++){ 
  var _interface = arguments[i]; 
  //接口對(duì)象，要通過(guò)接口類實(shí)例出來(lái)
  if(_interface.constructor !== Interface){ 
   throw new Error("接口，不是通過(guò)Interface類，實(shí)例出來(lái)的"); 
  } 
  //把接口對(duì)象里面的方法名取出來(lái)，結(jié)合到本例中的手機(jī)對(duì)象，來(lái)驗(yàn)證，該手機(jī)對(duì)象是否有這兩個(gè)方法，且方法名是不是一樣；
  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("通過(guò)驗(yàn)證函數(shù)：Interface.ensureImplements: "+myobject1.name+"對(duì)象的方法"+ method + " 找不到或者不是一個(gè)Function"); 
   } 
  } 
 } 
};

下面是例子

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

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

您可能感興趣的文章: