JavaScriptのprototypeプロパティは配列とオブジェクトフィールド

Question

で期待どおりに動作していない私は、次のコードで予期しない結果を得る：

var TestModel, u, u2; 

function TestModel() {} 
TestModel.prototype.a = null; 
TestModel.prototype.b = []; 

u = new TestModel(); 
u.a = 1; 
u.b.push(1); 

u2 = new TestModel(); 
u2.a = 2; 
u2.b.push(2); 

console.log(u.a, u.b);  // outputs: 1 [1,2] 
console.log(u2.a, u2.b); // outputs: 2 [1,2] 

を私はそれは驚くべきu.bとu2.bもTestModelの各インスタンスかかわらず、同じ値が含まれていることを見つけますプロトタイプのセットアップ方法に応じて独自のインスタンス変数を持つ必要があります。だから、これは私が期待していた出力は次のようになります。私はオブジェクトで、配列としてそれを使用するのではなく、その上にキーを設定するbを設定した場合

は

console.log(u.a, u.b);  // expecting: 1 [1] 
console.log(u2.a, u2.b); // expecting: 2 [2] 

同じことが起こります。私はここで何を理解していないのですか？

Answer 1

どちらの場合も、配列は非常に同じ配列、つまりプロトタイプに設定した配列です。

TestModel.prototype.b 
u.b 
u2.b 

は、彼らはすべて同じプロパティを参照してください。これは、これらのすべてが[1, 2]になるように、両方の.push呼び出しは、その配列に作用していることを意味します。

通常、プロトタイプは関数に使用されるため、すべてのインスタンスが同じ機能を共有します。 に変更してのプロトタイププロパティを変更すると、すべてのインスタンスにも反映されますが、この場合はおそらく望ましくありません。インスタンスにそれぞれカスタム配列が必要な場合は、プロトタイプ経由ではなく、インスタンスごとにカスタム宣言も宣言します。

Answer 2

にはの値が割り当てられ、にはという値が割り当てられます。

u.a = 1; 

はuによって参照されるオブジェクトに新しいaプロパティを作成します。割り当て前に、u.aはTestModel.prototype.aに言及するが、新しい値を割り当てることは、実際に、実際のオブジェクトに新しいプロパティを作成します。

割付後

：他方

手、

u.b.push(1); 

ではなく、新しいプロパティを作成します。これは既存のプロパティである配列TestModel.prototype.bを参照します。

TestModelの各インスタンスは、私はすべてのインスタンスは、それゆえ、彼らはプロトタイプが持っている同じプロパティを参照、同じプロトタイプを参照プロトタイプにセットアップに

をしたかに応じて、独自のインスタンス変数を持つべきであるにもかかわらず。 TestMode.prototype === u.b、TestMode.prototype === u2.bおよびu.b === u2.bがすべてtrueであることを簡単に確認できます。あなたにもu.bとu2.bにも同様に新しい値を割り当てる場合、それがうまくいく

：

u.b = []; 

は、通常は、コンストラクタで行われます。

function TestModel() { 
    this.b = []; 
} 

Answer 3

プロトタイプのプロパティは正反対ですプロトタイプのポイントは、すべてのインスタンスが自動的に同じプロトタイププロパティを共有するため、各インスタンスに対して再定義関数は必要ないということです。

function TestModel() { 
this.a = null; 
this.b = []; 
}