Maison > interface Web > js tutoriel > le corps du texte

JavaScript设计模式之一Interface接口

高洛峰
Libérer: 2016-11-25 11:09:22
original
1524 Les gens l'ont consulté

如何用面向对象的思想来写JavaScript,对于初学者应该是比较难的,我们经常用的JQuery其实也是用面向对象的思想去封装的,今天我们来看看如何在Javascript中用Interface,在C#还是JAVA中都应该面向接口设计我们的程序,在C#和Java中都Interface这样的关键字,但是JavaScript中没有相应的机制,但是Javascript很灵活,我们可以用它的特性去模仿Interface,但是我们需要加入一些methods来做check的动作。
我们来看下一个Interface的作用: 

继承了这个Interface就必须要实现这个Interface中定义的方法(方法签名)

//JavaScript 现在还做不到方法的签名的约束
var Interface = function (name, methods) {     

   if (arguments.length != 2) {     

      throw new Error("the interface length is bigger than 2");      

  }      

  this.Name = name;     

   this.Method = [];     

   for (var i = 0; i < methods.length; i++) {  

      if(typeof methods[i]!== string) {    

    throw new Error("the method name is not string");    

    }        this.Method.push(methods[i]);   

     }   

 }  

  /*static method in interface*/  

  Interface.ensureImplement = function (object) {  

      if (arguments.length < 2) { 

           throw new Error("there is not Interface or the instance"); 

       }       

 for (var i = 1; i < arguments.length; i++) {  

          var interface1 = arguments[i];      

      if (interface1.constructor !== Interface) {               

 throw new Error("the argument is not interface");           

 }            

for (var j = 0; j < interface1.Method.length; j++) {               

 var method = interface1.Method[j];               

 if (!object[method] || typeof object[method] !== function) {                  

  throw new Error("you instance doesnt implement the interface");                                 

  }          

  }     

   }   

 }
我们来分析一下code,我们现在的做法是用来比较一个Instance中的方法名在接口中是否定义了。
我先定义一个接口(2个参数),第二个参数是接口中的方法名。Check方法用简单的2层for循环来做比较动作。
我们来看下如何去用这个接口:
 var Person = new Interface("Person", ["GetName", "GetAge"]);      var Man = function (name, age) {        this.Name = name;        this.Age = age;    }    Man.prototype = { GetName: function () { return this.Name; },      //  GetAge: function () { return this.Age; }    }    var test = function (instance) {               Interface.ensureImplement(instance, Person);           var name = instance.GetName();        alert(name);    }    test(new Man("Alan",20));
如果我们注释了上面的GetAge方法,在执行的时候就会出错。在ensureImplement的时候发现并没有去实现这个方法。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal