摘要:接口意義提供一種以說明一個對象應該有哪些方法的手段。鴨式辯型法核心一個類實現(xiàn)接口的主要目的把接口里的方法都實現(xiàn)。檢測實現(xiàn)方法完全面向?qū)ο?,代碼實現(xiàn)統(tǒng)一,也解耦,接口類。定義一個類,作為借口的基類,通過類實例化多個接口實例。
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ū)ο?,代碼實現(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 總結(jié):接口是實現(xiàn)解耦。避免類和類之間,調(diào)用方法的沖突。
文章版權歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/79640.html
摘要:一些額外的全局函數(shù)命名空間對象接口和構造函數(shù)與沒有典型的關聯(lián),但卻是有效的。最后有幾點需要說明的是每個構造函數(shù)都有一個原型對象,原型對象都包含一個指向構造函數(shù)的指針,而實例都包含一個指向原型對象的內(nèi)部指針。 文章來源:小青年原創(chuàng)發(fā)布時間:2016-07-03關鍵詞:JavaScript,原型鏈,jQuery類庫轉(zhuǎn)載需標注本文原始地址: http://zhaomenghuan.githu...
摘要:什么是適配器模式適配器模式將一個類的接口轉(zhuǎn)換成客戶希望的另外一個接口,使得原本由于接口不兼容而不能一起工作的那些類可以一起工作。中的適配器模式在前端項目中,適配器模式的使用場景一般有以下三種情況庫的適配參數(shù)的適配和數(shù)據(jù)的適配。 1 什么是適配器模式 適配器模式(Adapter):將一個類的接口轉(zhuǎn)換成客戶希望的另外一個接口,使得原本由于接口不兼容而不能一起工作的那些類可以一起工作。 在...
摘要:同時,這個功能爆出過安全漏洞,那么,我們有沒有別的方式實現(xiàn)同步調(diào)用呢我們以為例提供一種實現(xiàn),和也可以參考。一般來說同步請求是不允許使用的,有導致卡頓的風險??偨Y(jié)以上便是實現(xiàn)同步調(diào)用代碼的方法,其核心就是使用同步阻塞代碼,以及層攔截請求。 緣起 在 App 混合開發(fā)中,app 層向 js 層提供接口有兩種方式,一種是同步接口,一種是異步接口(不清楚什么是同步的請看這里的討論)。為了保證 ...
閱讀 3813·2021-10-12 10:11
閱讀 3637·2021-09-13 10:27
閱讀 2540·2019-08-30 15:53
閱讀 1972·2019-08-29 18:33
閱讀 2189·2019-08-29 14:03
閱讀 994·2019-08-29 13:27
閱讀 3316·2019-08-28 18:07
閱讀 763·2019-08-26 13:23