Maison > Article > interface Web > Interface orientée objet Javascript
Interface : Quelques principes stipulés pour réaliser une certaine tâche, fonction, objectif, etc.
Interface dans le programme : Spécifiez combien de méthodes il existe et quels sont les noms des méthodes. (Parce que les tâches à accomplir dans le programme sont toutes implémentées via des fonctions ou des méthodes.)
Interface en JavaScript : combinez un certain "objet type" de l'instance et "l'objet interface" de l'instance, Après en faisant une comparaison et en respectant les règles, on peut dire que : cet objet implémente l'interface spécifiée
(classe d'interface : à travers cette classe, différentes interfaces sont instanciées. C'est-à-dire différentes instances d'interface, c'est-à-dire , nombre différent de méthodes et noms de méthodes)
(Comparaison : l'essence est de déterminer si l'objet de l'instance de sous-type a le nom de méthode enregistré dans l'objet d'interface et le numéro.)
Petit exemple :
Catégorie Téléphone, sous laquelle peuvent se trouver des sous-catégories telles que "téléphone", "téléphone portable", "téléphone tablette", etc. Et ces sous-classes ont toutes une tâche, une fonction ou un objectif commun ----[Composer le téléphone]
Afin de réaliser cette fonction, différentes sous-classes peuvent avoir différentes méthodes de mise en œuvre internes, afin que ce téléphone puisse être connecté. Mais maintenant, pour le bien des utilisateurs, une stipulation doit être faite :
Quel que soit le sous-type que vous êtes, l'objet que vous instanciez, c'est-à-dire l'objet avec la fonction téléphone, doit avoir deux choses à implémenter [composer le téléphone] Une méthode,
C'est-à-dire : 1. Appuyez sur le numéro de téléphone (touche numérique) 2. Appuyez sur la touche de numérotation
Ce qui suit est un modèle de conception fixe :
var Interface = function(name,methods){ if(arguments.length != 2){ throw new Error("Interface constructor called with" + arguments.length + "arguments, but expected exactly 2."); } this.name = name; this.methods = []; for(var i = 0,len = methods.length; i <len; i++){ if(typeof methods[i] !== 'string'){ throw new Error("接口方法的名称必须是一个字符串"); } this.methods.push(methods[i]); } }; //Static class Method Interface.ensureImplements = function(myobject1,Iobject1){ if(arguments.length!=2){ throw new Error("方法 Interface.ensureImplemnents 指定了" + arguments.length+ "个参数,但是期望的是2个 ."); } for(var i=1,len = arguments.length; i<len; i++){ var _interface = arguments[i]; //接口对象,要通过接口类实例出来 if(_interface.constructor !== Interface){ throw new Error("接口,不是通过Interface类,实例出来的"); } //把接口对象里面的方法名取出来,结合到本例中的手机对象,来验证,该手机对象是否有这两个方法,且方法名是不是一样; for(var j=0, methodsLen = _interface.methods.length; j<methodsLen;j++ ){ var method = _interface.methods[j]; if(!myobject1[method]||typeof myobject1[method] !== 'function'){ throw new Error("通过验证函数:Interface.ensureImplements: "+myobject1.name+"对象的方法"+ method + " 找不到或者不是一个Function"); } } } };
Ce qui suit est un exemple
//通过接口类,实例出一个"拔通电话"的接口;现在这个接口对象testInterface,规定了二个方法,且方法名字是"callfun"和"callnum" var testInterface = new Interface("call",["callfun","callnum"]); //移动电话类,的构造函数; var mobilepone = function(call){ this.name = call; } //移动电话类的公有方法 mobilepone.prototype = { "constructor":mobilepone, //必须和前面接口对象规定的方法名一样; "callfun" : function(){ document.write("按键"); }, //必须和前面接口对象规定的方法名一样 "callnum" : function(){ document.write("拔号"); } } //通过移动电话类,实例一个三星的手机对象 var anycall = new mobilepone("anycall"); //检测这个个三星的手机对象,是否实现了[拔通电话]这个接口;即把三星手机对象和接口对象做为参数传入验证函数,进行比较 Interface.ensureImplements(anycall,testInterface); anycall.callnum();
Pour plus d'articles sur l'interface orientée objet Javascript, veuillez faire attention au site Web PHP chinois !