亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

JavaScript_接口

ctriptech / 1276人閱讀

摘要:接口意義提供一種以說(shuō)明一個(gè)對(duì)象應(yīng)該有哪些方法的手段。鴨式辯型法核心一個(gè)類(lèi)實(shí)現(xiàn)接口的主要目的把接口里的方法都實(shí)現(xiàn)。檢測(cè)實(shí)現(xiàn)方法完全面向?qū)ο?,代碼實(shí)現(xiàn)統(tǒng)一,也解耦,接口類(lèi)。定義一個(gè)類(lèi),作為借口的基類(lèi),通過(guò)類(lèi)實(shí)例化多個(gè)接口實(shí)例。

js接口

意義:

提供一種以說(shuō)明一個(gè)對(duì)象應(yīng)該有哪些方法的手段。
接口是面向?qū)ο骿avascript程序員的工具箱中最有用的工具之一

接口的利弊:

對(duì)于一些中小型程序來(lái)說(shuō) 使用接口很顯然是不明智的,對(duì)項(xiàng)目來(lái)說(shuō)接口的好處也不明顯,只是徒增其復(fù)雜度而已。

對(duì)于接口的好處,那么顯而易見(jiàn) 首先促進(jìn)代碼的重用,對(duì)于開(kāi)發(fā)來(lái)講,還可以告訴程序員那些類(lèi)都使用了什么方法,如果你事先知道接口那么就減少了你在編碼的時(shí)候?qū)︻?lèi)與類(lèi)之間沖突,實(shí)現(xiàn)解耦。對(duì)于測(cè)試和調(diào)試也會(huì)變得輕松,用于javascript的弱類(lèi)型語(yǔ)言,類(lèi)型不匹配經(jīng)常出現(xiàn),那么使用接口,這一點(diǎn)會(huì)變得容易一些。

注釋接口描述

優(yōu)點(diǎn):程序員可以有一個(gè)參考
缺點(diǎn):屬于文檔的范疇 ,這種方式過(guò)于松散, 沒(méi)有檢查接口的方法是否完全被實(shí)現(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();
屬性檢測(cè)

判斷接口是否存在

/*interface Composite{

    function add (obj) ;
    function remove (obj) ;
    function update ( obj ) ;

}

interface FormItem {
    
    function select (obj) ;
 
}
*/

//CompositeImp1 implements Composite , FormItem
var CompositeImpl = function () {
    //顯式在類(lèi)的內(nèi)部, 接受所實(shí)現(xiàn)的接口
    //一般來(lái)說(shuō), 在類(lèi)的內(nèi)部,定義一個(gè)數(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) {
}

//檢測(cè) CompositeImpl 類(lèi) 的對(duì)象
function CheckCompositeImpl ( instance ) {//實(shí)例對(duì)象作為參數(shù),檢測(cè)是否存在
    
    //判斷當(dāng)前對(duì)象是否實(shí)現(xiàn)了所有的接口。
    if ( !IsImplements(instance,"Composite","FormItem") ) {
        throw new Error("Object does not implement a requried interface");
    }
    
}

//公用的具體的檢測(cè)方法(核心方法)  //return boolean
function IsImplements ( obj ) { //判斷實(shí)例對(duì)象,有沒(méi)有實(shí)現(xiàn)相關(guān)的接口.
    
    //arguments 對(duì)象 獲得函數(shù)的實(shí)際參數(shù)
    for ( var i=1; i
鴨式辯型法

核心: 一個(gè)類(lèi)實(shí)現(xiàn)接口的主要目的:把接口里的方法都實(shí)現(xiàn)。(檢測(cè)實(shí)現(xiàn)方法)
完全面向?qū)ο螅a實(shí)現(xiàn)統(tǒng)一, 也解耦

//1 ,接口類(lèi)。 //定義一個(gè)類(lèi),作為借口的基類(lèi),通過(guò)類(lèi)實(shí)例化N多個(gè)接口實(shí)例。// Class Interface 

接口類(lèi)所需要的2個(gè)參數(shù)
參數(shù)1:接口的名字 (string)
參數(shù)2:接收方法名稱(chēng)的集合   methods, 是一個(gè)數(shù)組 (array)
//實(shí)現(xiàn)抽象方法 
var Interface=function( name,methods ){  //methods 的名字必須是String類(lèi)型的可以.
if( arguments.length != 2 ){
    throw new Error("the instance Interface constructor arguments must be 2 length!");
};
this.name=name;
this.methods=[];  //定義一個(gè)內(nèi)置的空數(shù)組對(duì)象,等待接受methods里的元素 (方法名字);
for( var i=0; i= 2!");
};
//獲得接口實(shí)例對(duì)象,通過(guò)接口實(shí)例對(duì)象, 得到接口實(shí)例對(duì)象里的方法.
for( var i=1; i

總結(jié):接口是實(shí)現(xiàn)解耦。避免類(lèi)和類(lèi)之間,調(diào)用方法的沖突。

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/79640.html

相關(guān)文章

  • JavaScript進(jìn)階學(xué)習(xí)(二)—— 基于原型鏈繼承的js工具庫(kù)的實(shí)現(xiàn)方法

    摘要:一些額外的全局函數(shù)命名空間對(duì)象接口和構(gòu)造函數(shù)與沒(méi)有典型的關(guān)聯(lián),但卻是有效的。最后有幾點(diǎn)需要說(shuō)明的是每個(gè)構(gòu)造函數(shù)都有一個(gè)原型對(duì)象,原型對(duì)象都包含一個(gè)指向構(gòu)造函數(shù)的指針,而實(shí)例都包含一個(gè)指向原型對(duì)象的內(nèi)部指針。 文章來(lái)源:小青年原創(chuàng)發(fā)布時(shí)間:2016-07-03關(guān)鍵詞:JavaScript,原型鏈,jQuery類(lèi)庫(kù)轉(zhuǎn)載需標(biāo)注本文原始地址: http://zhaomenghuan.githu...

    陳偉 評(píng)論0 收藏0
  • 從ES6重新認(rèn)識(shí)JavaScript設(shè)計(jì)模式(四): 適配器模式

    摘要:什么是適配器模式適配器模式將一個(gè)類(lèi)的接口轉(zhuǎn)換成客戶希望的另外一個(gè)接口,使得原本由于接口不兼容而不能一起工作的那些類(lèi)可以一起工作。中的適配器模式在前端項(xiàng)目中,適配器模式的使用場(chǎng)景一般有以下三種情況庫(kù)的適配參數(shù)的適配和數(shù)據(jù)的適配。 1 什么是適配器模式 適配器模式(Adapter):將一個(gè)類(lèi)的接口轉(zhuǎn)換成客戶希望的另外一個(gè)接口,使得原本由于接口不兼容而不能一起工作的那些類(lèi)可以一起工作。 在...

    URLOS 評(píng)論0 收藏0
  • 如何實(shí)現(xiàn) javascript “同步”調(diào)用 app 代碼

    摘要:同時(shí),這個(gè)功能爆出過(guò)安全漏洞,那么,我們有沒(méi)有別的方式實(shí)現(xiàn)同步調(diào)用呢我們以為例提供一種實(shí)現(xiàn),和也可以參考。一般來(lái)說(shuō)同步請(qǐng)求是不允許使用的,有導(dǎo)致卡頓的風(fēng)險(xiǎn)??偨Y(jié)以上便是實(shí)現(xiàn)同步調(diào)用代碼的方法,其核心就是使用同步阻塞代碼,以及層攔截請(qǐng)求。 緣起 在 App 混合開(kāi)發(fā)中,app 層向 js 層提供接口有兩種方式,一種是同步接口,一種是異步接口(不清楚什么是同步的請(qǐng)看這里的討論)。為了保證 ...

    worldligang 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<