這篇文章主要講解了JavaScript的接口原理和使用方法，內(nèi)容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。
創(chuàng)新互聯(lián)公司主要從事成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務岱岳,10年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:028-86922220
js接口
意義：
提供一種以說明一個對象應該有哪些方法的手段。
接口是面向?qū)ο骿avascript程序員的工具箱中最有用的工具之一
接口的利弊：
對于一些中小型程序來說 使用接口很顯然是不明智的，對項目來說接口的好處也不明顯，只是徒增其復雜度而已。
對于接口的好處，那么顯而易見 首先促進代碼的重用，對于開發(fā)來講，還可以告訴程序員那些類都使用了什么方法，如果你事先知道接口那么就減少了你在編碼的時候?qū)︻惻c類之間沖突，實現(xiàn)解耦。對于測試和調(diào)試也會變得輕松，用于javascript的弱類型語言，類型不匹配經(jīng)常出現(xiàn)，那么使用接口，這一點會變得容易一些。
優(yōu)點：程序員可以有一個參考
缺點：屬于文檔的范疇 ，這種方式過于松散， 沒有檢查接口的方法是否完全被實現(xiàn)
重慶分公司
重慶分公司
interface Composite{
function add (obj) ;
function remove (obj) ;
function update ( obj ) ;
}
//CompositeImp1 implements Composite
var CompositeImp1 = function () {
}
CompositeImp1.prototype.remove = function ( obj ) {
}
CompositeImp1.prototype.update = function ( obj ) {
}
CompositeImp1.prototype.add = function (obj) {
}
var c1 = new CompositeImp1();判斷接口是否存在
/*interface Composite{
function add (obj) ;
function remove (obj) ;
function update ( obj ) ;
}
interface FormItem {
function select (obj) ;
}
*/
//CompositeImp1 implements Composite , FormItem
var CompositeImpl = function () {
//顯式在類的內(nèi)部， 接受所實現(xiàn)的接口
//一般來說， 在類的內(nèi)部，定義一個數(shù)組(數(shù)組變量名字固定)
this.implementsInterfaces = ['Composite', 'FormItem']; //利用 implementsInterfaces 后續(xù)的判斷使用
}
CompositeImpl.prototype.remove = function ( obj ) {
// do something ...
}
CompositeImpl.prototype.update = function ( obj ) {
}
CompositeImpl.prototype.add = function (obj) {
alert('add');
}
CompositeImpl.prototype.select = function (obj) {
}
//檢測 CompositeImpl 類 的對象
function CheckCompositeImpl ( instance ) {//實例對象作為參數(shù)，檢測是否存在
//判斷當前對象是否實現(xiàn)了所有的接口。
if ( !IsImplements(instance,'Composite','FormItem') ) {
throw new Error('Object does not implement a requried interface');
}
}
//公用的具體的檢測方法(核心方法) //return boolean
function IsImplements ( obj ) { //判斷實例對象，有沒有實現(xiàn)相關的接口.
//arguments 對象 獲得函數(shù)的實際參數(shù)
for ( var i=1; i核心: 一個類實現(xiàn)接口的主要目的：把接口里的方法都實現(xiàn)。(檢測實現(xiàn)方法)
完全面向?qū)ο螅a實現(xiàn)統(tǒng)一， 也解耦
//1 ，接口類。 //定義一個類，作為借口的基類，通過類實例化N多個接口實例。// Class Interface
接口類所需要的2個參數(shù)
參數(shù)1：接口的名字 (string)
參數(shù)2：接收方法名稱的集合 methods, 是一個數(shù)組 (array)
//實現(xiàn)抽象方法
var Interface=function( name,methods ){ //methods 的名字必須是String類型的可以.
if( arguments.length != 2 ){
throw new Error('the instance Interface constructor arguments must be 2 length!');
};
this.name=name;
this.methods=[]; //定義一個內(nèi)置的空數(shù)組對象，等待接受methods里的元素 (方法名字);
for( var i=0; i= 2!');
};
//獲得接口實例對象，通過接口實例對象， 得到接口實例對象里的方法.
for( var i=1; i 總結：接口是實現(xiàn)解耦。避免類和類之間，調(diào)用方法的沖突。
看完上述內(nèi)容，是不是對JavaScript的接口原理和使用方法有進一步的了解，如果還想學習更多內(nèi)容，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
