js的三种接口(详细解释)

1. 基于注释

//这种方式的优点：简单明了，给程序员一个参考，程序员可以参考模板继续往下添加方法//缺点: 通过注释来声明，这个属于文档规范的范畴，需要程序员严格遵守约定/**java实现形式 * public interface Walkable { *        public void walk(); * } *  * public interface Fightable { *        public void fight(); * } */var Knight = function(name) {   this.name = name;   //Knight实现了Walkabe和Fightable};Knight.prototype.walk = function() {   alert(this.name+" is walking!");};Knight.prototype.fight = function() {   alert(this.name+" is fighting!");};var k = new Knight("jay");k.fight();

2.基于属性

/**这种方式的优点：实现了检查接口是否完全被实现 *  缺点：这种属于文档的范畴，但接口的方法未检测 *  (假如我说明了this.implementInterfaces=["Walkable","Fightable"]; *  但是我没有真正定义Walkable和Fightable接口中的方法(没实现),他一样不会报错) * public interface Walkable { *        public void walk(); * } * * public interface Fightable { *        public void fight(); * } */var Knight = function(name) {   this.name = name;   //implementInterfaces是固定的(说明实现了那些对象)   this.implementInterfaces=["Walkable","Fightable"];};Knight.prototype.walk = function() {   alert(this.name+" is walking!");};Knight.prototype.fight = function() {   alert(this.name+" is fighting!");};//检查是否实现了上面定义的this.implementInterfaces=["Walkable","Fightable"]接口数组function CheckKnight(obj) {   if(!isImplements(obj,"Fightable","Walkable")) throw new Error("必须实现Fightable和Walkable两个接口！");};function isImplements(obj) {   //obj为要验证得对象(如果没有实现的接口,就不让它验证)   if(!obj.implementInterfaces) throw new Error("必须声明所需要实现的接口");   //每一个方法中都存在一个对象arguments来存储传递进来的实际参数   //除了第一个以外,其他为实现了接口对象   for(var i=1;i<arguments.length;i++) {      //判断参数是否为String      if(typeof arguments[i]!="string") throw new Error(arguments[i]+"的类型不正确");      var found = false;      //obj.implementInterfaces.length是上面定义的接口数组      for(var j=0;j<obj.implementInterfaces.length;j++) {         var inter = obj.implementInterfaces[j];         //只要找到相同的字符串就代表实现了相应接口         if(inter==arguments[i]) {            found = true;            break;         }      }      //只要isImplements(obj,"Fightable","Walkable")      // 后面的字符串(接口对象)有一个没有实现就报错      if(!found) return false;   }   return true;};var k = new Knight("zyd");CheckKnight(k);k.walk();
3. 通过鸭式辨认来实现接口：某个类是否声明自己支持哪些接口并不重要，只要它具有接口中的这些方法就行。
// 3、鸭式辩型法实现接口（最好的javascript实现接口的方式）//检验接口对象,同时把方法名放进数组中var Interface = function(name,methods) {    //判断接口的参数个数(第一个为接口对象,第二个为参数数组)    if(arguments.length != 2) {        throw new Error('创建的接口对象参数必须为两个,第二个为方法数组')    }
    //接口对象引用名    this.name = name;    //自己的属性    this.methods = [];//定义一个内置的空数组对象 等待接受methods里的元素（方法名称）    //判断数组是否中的元素是否为string的字符串    for (var i = 0 ; i < methods.length; i++) {        //判断方法数组里面是否为string(字符串)的属性        if(typeof methods[i] != 'string') {            throw new Error('方法名必须是string类型的!')        }        //把他放在接口对象中的methods中(把接口方法名放在Interface对象的数组中)        this.methods.push(methods[i]);    }}//实例化接口对象(用上面那个方法检验)var Interface1 = new Interface('Interface1',['add','delete']);var Interface2 = new Interface('Interface2',['select','update']);var object1 = function () {}//定义原型方法,每次new对象时不用再占空间object1.prototype.add = function () {    alert('add something');}object1.prototype.delete = function () {    alert('delete something');}object1.prototype.update = function () {    alert('update something');}object1.prototype.select = function () {    alert('select something');}Interface.checkImplements = function (obj) {    //判断接口的参数个数<2的话，参数传递失败    // (obj的arguments,第一个为需要实现接口的对象,后面的为需要实现的接口)    if(arguments.length < 2) {        throw new Error('参数个数必须大于2');    }    //获得接口实例对象    for (var i = 1 ; i <  arguments.length; i++) {        var instanceInterface = arguments[i];//(arguments从下标为1开始全是接口对象)        //判断参数是否是接口类的类型        if(instanceInterface.constructor != Interface) {            throw new Error('接口对象不属于Interface检验过的对象!');        }        //循环接口实例对象里面的每一个方法        /*//obj['a']        与        obj.a是相等的*/        for (var j = 0 ; j <instanceInterface.methods.length; j++) {            var methodName = instanceInterface.methods[j];            //判断obj中是否实现了接口的方法和methodName是方法(而不是属性)            if(!obj[methodName] || typeof obj[methodName]!='function') {                throw new Error('有接口的方法没实现')            }        };    }}var o1 = new object1();//此处检验是否实现接口函数 一旦写入了接口就必须实现其中的方法Interface.checkImplements(o1,Interface1,Interface2);o1.add();//add something