ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript オブジェクト指向インターフェイス

JavaScript オブジェクト指向インターフェイス

高洛峰
高洛峰オリジナル
2017-01-04 09:02:59941ブラウズ

インターフェース: 特定のタスク、機能、目的などを実現するために規定されたいくつかの原則。

プログラム内のインターフェース: メソッドの数とメソッド名を指定します。 (プログラム内で実行されるタスクはすべて関数またはメソッドによって実装されるため)

JavaScript のインターフェース: インスタンスからの特定の「型オブジェクト」とインスタンスからの「インターフェース オブジェクト」が準拠しているかどうかを比較します。このオブジェクトは指定されたインターフェイスを実装します。

(インターフェイス クラス: このクラスを通じて、異なるインターフェイスがインスタンス化されます。つまり、異なるインターフェイス インスタンス、つまり異なるメソッド番号とメソッド名)

(比較: 本質は、サブタイプ インスタンスのオブジェクトが、インターフェイス オブジェクトに保存されているメソッド名とその番号を持っているかどうかを判断することです。)

小さな例:

電話クラス、下に「座っている」、「携帯電話」がある可能性があります"、"タブレット電話"、およびその他のサブカテゴリ。そして、これらのサブクラスはすべて共通のタスク、機能、または目的を持っています---[電話を引き出す]

この機能を実現するために、異なるサブクラスはこの電話パスを利用できるようにするための異なる内部実装メソッドを持つことができます。しかしここで、ユーザーのために、次の条件を設けなければなりません:

どのようなサブタイプであっても、インスタンス化するオブジェクト、つまり電話機能を持つオブジェクトには、[電話をかける] を実装するための 2 つのメソッドが必要です。

それは: 1. 電話番号 (数字キー) を押す 2. ダイヤル キーを押す;

以下は固定のデザイン パターンです:

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] !== &#39;string&#39;){ 
   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] !== &#39;function&#39;){ 
    throw new Error("通过验证函数:Interface.ensureImplements: "+myobject1.name+"对象的方法"+ method + " 找不到或者不是一个Function"); 
   } 
  } 
 } 
};

以下は例です

//通过接口类,实例出一个"拔通电话"的接口;现在这个接口对象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();


More Javascript object-関連記事については、PHP 中国語 Web サイトに注目してください。


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。