Javascript之面向對象--接口
接口:對實現(xiàn)某一種任務、功能,目的等,所規(guī)定的一些原則。
程序中的接口:規(guī)定好有幾個方法,方法名是什么。(因程序中要完成任務,都是通過函數或者說方法去實現(xiàn)的。)
javascript中的接口:把實例出來的某"類型對象"、和實例出來的"接口對象",進行一個比較,符合規(guī)則,就可以說:這個對象實現(xiàn)了規(guī)定的接口;
(接口類:通過這個類,來實例出不同的接口。即不同的接口實例,也就是不同的方法個數和方法名稱)
(進行比較:其實質就是判斷子類型實例出來的對象,是否有接口對象中所保存的方法名,還有個數。)
小實例:
電話類,下面可以有“坐機”,“手機”,"平板電腦電話"等等這些子類。而這些子類,都有一個共同的任務、功能或者說是目的---[拔通電話]
為了實現(xiàn)這個功能,不同的子類,可以有不同的內部實現(xiàn)方法,讓這個電話能夠拔通。但現(xiàn)在為用戶考慮的話,必需做出一個規(guī)定:
不管你是什么子類型,你實例出來的對象,即有電話功能的對象,要實現(xiàn)[拔通電話],必須有二個方法,
即: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"); } } } };
下面是例子
//通過接口類,實例出一個"拔通電話"的接口;現(xiàn)在這個接口對象testInterface,規(guī)定了二個方法,且方法名字是"callfun"和"callnum" var testInterface = new Interface("call",["callfun","callnum"]); //移動電話類,的構造函數; 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)了[拔通電話]這個接口;即把三星手機對象和接口對象做為參數傳入驗證函數,進行比較 Interface.ensureImplements(anycall,testInterface); anycall.callnum();
以上就是本文的全部內容,希望對大家有所幫助,感興趣的可以看下《Javascript之面向對象--方法》和《Javascript之面向對象--封裝》謝謝對腳本之家的支持!
相關文章
JavaScript html5利用FileReader實現(xiàn)上傳功能
這篇文章主要為大家詳細介紹了JavaScript html5利用FileReader實現(xiàn)上傳功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03js獲得指定控件輸入光標的坐標兼容IE,Chrome,火狐等多種主流瀏覽器
js獲得指定控件光標的坐標,兼容IE,Chrome,火狐等多種主流瀏覽器,實現(xiàn)代碼及調用代碼如下,感興趣的朋友可以參考下哈,希望對你有所幫助2013-05-05僅IE支持clearAttributes/mergeAttributes方法使用介紹
僅IE中HTMLElement元素具有clearAttributes/mergeAttributes方法,它們都是非標準的2012-05-05JS使用Date對象實時顯示當前系統(tǒng)時間簡單示例
這篇文章主要介紹了JS使用Date對象實時顯示當前系統(tǒng)時間,涉及javascript基于定時器動態(tài)操作Date對象相關實現(xiàn)技巧,需要的朋友可以參考下2018-08-08