首頁  >  文章  >  web前端  >  Javascript之物件導向--介面

Javascript之物件導向--介面

高洛峰
高洛峰原創
2017-01-04 09:02:59941瀏覽

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

程式中的介面:規定好有幾個方法,方法名稱是什麼。 (因程式中要完成任務,都是透過函數或說方法去實現的。)

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] !== &#39;string&#39;){ 
   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] !== &#39;function&#39;){ 
    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();
相關文章請關注PHP中文網!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn