JavaScript 接口原理与用法实例详解
本文实例讲述了JavaScript接口原理与用法。分享给大家供大家参考，具体如下：
js接口
意义：
提供一种以说明一个对象应该有哪些方法的手段。
接口是面向对象javascript程序员的工具箱中最有用的工具之一
接口的利弊：
-
对于一些中小型程序来说使用接口很显然是不明智的，对项目来说接口的好处也不明显，只是徒增其复杂度而已。
-
对于接口的好处，那么显而易见首先促进代码的重用，对于开发来讲，还可以告诉程序员那些类都使用了什么方法，如果你事先知道接口那么就减少了你在编码的时候对类与类之间冲突，实现解耦。对于测试和调试也会变得轻松，用于javascript的弱类型语言，类型不匹配经常出现，那么使用接口，这一点会变得容易一些。
注释接口描述
优点：程序员可以有一个参考
缺点：属于文档的范畴，这种方式过于松散，没有检查接口的方法是否完全被实现
interfaceComposite{
functionadd(obj);
functionremove(obj);
functionupdate(obj);
}
//CompositeImp1implementsComposite
varCompositeImp1=function(){
}
CompositeImp1.prototype.remove=function(obj){
}
CompositeImp1.prototype.update=function(obj){
}
CompositeImp1.prototype.add=function(obj){
}
varc1=newCompositeImp1();
属性检测
判断接口是否存在
/*interfaceComposite{
functionadd(obj);
functionremove(obj);
functionupdate(obj);
}
interfaceFormItem{
functionselect(obj);
}
*/
//CompositeImp1implementsComposite,FormItem
varCompositeImpl=function(){
//显式在类的内部，接受所实现的接口
//一般来说，在类的内部，定义一个数组(数组变量名字固定)
this.implementsInterfaces=['Composite','FormItem'];//利用implementsInterfaces后续的判断使用
}
CompositeImpl.prototype.remove=function(obj){
//dosomething...
}
CompositeImpl.prototype.update=function(obj){
}
CompositeImpl.prototype.add=function(obj){
alert('add');
}
CompositeImpl.prototype.select=function(obj){
}
//检测CompositeImpl类的对象
functionCheckCompositeImpl(instance){//实例对象作为参数，检测是否存在
//判断当前对象是否实现了所有的接口。
if(!IsImplements(instance,'Composite','FormItem')){
thrownewError('Objectdoesnotimplementarequriedinterface');
}
}
//公用的具体的检测方法(核心方法)//returnboolean
functionIsImplements(obj){//判断实例对象，有没有实现相关的接口.
//arguments对象获得函数的实际参数
for(vari=1;i
鸭式辩型法
核心:一个类实现接口的主要目的：把接口里的方法都实现。(检测实现方法)
完全面向对象，代码实现统一，也解耦
//1，接口类。//定义一个类，作为借口的基类，通过类实例化N多个接口实例。//ClassInterface
接口类所需要的2个参数
参数1：接口的名字(string)
参数2：接收方法名称的集合methods,是一个数组(array)
//实现抽象方法
varInterface=function(name,methods){//methods的名字必须是String类型的可以.
if(arguments.length!=2){
thrownewError('theinstanceInterfaceconstructorargumentsmustbe2length!');
};
this.name=name;
this.methods=[];//定义一个内置的空数组对象，等待接受methods里的元素(方法名字);
for(vari=0;i=2!');
};
//获得接口实例对象，通过接口实例对象，得到接口实例对象里的方法.
for(vari=1;i
总结：接口是实现解耦。避免类和类之间，调用方法的冲突。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。