JavaScript接口原理与用法代码实例解析

本篇文章小编给大家分享一下JavaScript接口原理与用法代码实例解析，代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

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

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