DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> Javascript之面向對象--接口
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之面向對象--封裝》謝謝對的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved