资讯专栏INFORMATION COLUMN

JavaScript_接口

ctriptech / 1213人阅读

摘要:接口意义提供一种以说明一个对象应该有哪些方法的手段。鸭式辩型法核心一个类实现接口的主要目的把接口里的方法都实现。检测实现方法完全面向对象,代码实现统一,也解耦,接口类。定义一个类,作为借口的基类,通过类实例化多个接口实例。

js接口

意义:

提供一种以说明一个对象应该有哪些方法的手段。
接口是面向对象javascript程序员的工具箱中最有用的工具之一

接口的利弊:

对于一些中小型程序来说 使用接口很显然是不明智的,对项目来说接口的好处也不明显,只是徒增其复杂度而已。

对于接口的好处,那么显而易见 首先促进代码的重用,对于开发来讲,还可以告诉程序员那些类都使用了什么方法,如果你事先知道接口那么就减少了你在编码的时候对类与类之间冲突,实现解耦。对于测试和调试也会变得轻松,用于javascript的弱类型语言,类型不匹配经常出现,那么使用接口,这一点会变得容易一些。

注释接口描述

优点:程序员可以有一个参考
缺点:属于文档的范畴 ,这种方式过于松散, 没有检查接口的方法是否完全被实现

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 () {
    //显式在类的内部, 接受所实现的接口
    //一般来说, 在类的内部,定义一个数组(数组变量名字固定)
    this.implementsInterfaces = ["Composite", "FormItem"];  //利用 implementsInterfaces 后续的判断使用
    
}

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 ) {//实例对象作为参数,检测是否存在
    
    //判断当前对象是否实现了所有的接口。
    if ( !IsImplements(instance,"Composite","FormItem") ) {
        throw new Error("Object does not implement a requried interface");
    }
    
}

//公用的具体的检测方法(核心方法)  //return boolean
function IsImplements ( obj ) { //判断实例对象,有没有实现相关的接口.
    
    //arguments 对象 获得函数的实际参数
    for ( var i=1; i
鸭式辩型法

核心: 一个类实现接口的主要目的:把接口里的方法都实现。(检测实现方法)
完全面向对象,代码实现统一, 也解耦

//1 ,接口类。 //定义一个类,作为借口的基类,通过类实例化N多个接口实例。// Class Interface 

接口类所需要的2个参数
参数1:接口的名字 (string)
参数2:接收方法名称的集合   methods, 是一个数组 (array)
//实现抽象方法 
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=[];  //定义一个内置的空数组对象,等待接受methods里的元素 (方法名字);
for( var i=0; i= 2!");
};
//获得接口实例对象,通过接口实例对象, 得到接口实例对象里的方法.
for( var i=1; i

总结:接口是实现解耦。避免类和类之间,调用方法的冲突。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79640.html

相关文章

  • JavaScript进阶学习(二)—— 基于原型链继承的js工具库的实现方法

    摘要:一些额外的全局函数命名空间对象接口和构造函数与没有典型的关联,但却是有效的。最后有几点需要说明的是每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。 文章来源:小青年原创发布时间:2016-07-03关键词:JavaScript,原型链,jQuery类库转载需标注本文原始地址: http://zhaomenghuan.githu...

    陈伟 评论0 收藏0
  • 从ES6重新认识JavaScript设计模式(四): 适配器模式

    摘要:什么是适配器模式适配器模式将一个类的接口转换成客户希望的另外一个接口,使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。中的适配器模式在前端项目中,适配器模式的使用场景一般有以下三种情况库的适配参数的适配和数据的适配。 1 什么是适配器模式 适配器模式(Adapter):将一个类的接口转换成客户希望的另外一个接口,使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 在...

    URLOS 评论0 收藏0
  • 如何实现 javascript “同步”调用 app 代码

    摘要:同时,这个功能爆出过安全漏洞,那么,我们有没有别的方式实现同步调用呢我们以为例提供一种实现,和也可以参考。一般来说同步请求是不允许使用的,有导致卡顿的风险。总结以上便是实现同步调用代码的方法,其核心就是使用同步阻塞代码,以及层拦截请求。 缘起 在 App 混合开发中,app 层向 js 层提供接口有两种方式,一种是同步接口,一种是异步接口(不清楚什么是同步的请看这里的讨论)。为了保证 ...

    worldligang 评论0 收藏0

发表评论

0条评论

ctriptech

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<