Javascriptオブジェクトに関数を追加するさまざまな方法

Question

Javascriptでは、オブジェクトに関数を追加する2つの方法に違いはありますか？何らかの理由で好ましいものはありますか？

function ObjA() { 
    this.AlertA = function() { alert("A"); }; 
} 
ObjA.prototype.AlertB = function() { alert("B"); }; 

var A = new ObjA(); 
A.AlertA(); 
A.AlertB(); 

Answer 1

確かに違いがあります。 this.AlertAを定義する場合は、ObjAのインスタンスに対してローカルなメソッドを定義しています。 コンストラクタのプロトタイプにAlertAを追加すると、すべてのインスタンスがObjAに定義されます。後者は、この場合は1回だけ割り当てられるため、より効率的ですが、ObjAのインスタンスを作成するたびにローカルメソッドが割り当てられます。

そうでthis.AlertA使用：コンストラクタメソッドAlertAを追加しなければならないA、B及びCのため

var A = new ObjA, 
    B = new ObjA, 
    C = new ObjA; 

を。一方、AlertBは1回だけ追加されます。これをチェックすることができます：

function ObjA() { 
     alert('adding AlertA!'); 
     this.AlertA = function() { 
      alert("A"); 
     }; 

     if (!ObjA.prototype.AlertB) { 
      alert('adding AlertB!'); 
      ObjA.prototype.AlertB = function() { 
       alert("B"); 
      }; 
     } 
} 

var A = new ObjA, //=> alerts adding AlertA! and alerts adding AlertB! 
    B = new ObjA, //=> alerts adding AlertA! 
    C = new ObjA; //=> alerts adding AlertA! 

Answer 2

オブジェクトコンストラクタを使用すると、その関数のコピーがオブジェクトの新しいインスタンスに割り当てられます。プロトタイプを使用すると、すべてのインスタンスで1つの関数が共有されます。