JavaScriptでの拡張/上書き？

Question

私はJavaScriptと<canvas>を使用して小さなゲームを書きたいと思いますが、最初に「正しい」または少なくとも共通のアプローチでオブジェクトを操作したいと思います。

トピックの1つ私は特に方法のoverridingを実装することができます理解している問題を理解しています。私はオブジェクトを作成するとき

、私はこれを持っていることがあります。

function AnotherObject() 
{ 
    var base = new MyObject(); 

    base.j = 0; 

    return base; 
} 

私がしたい：私は同じメンバーで始まる必要があり、別のオブジェクトを作成するときに

function MyObject() 
{ 
    var base = {}; 

    base.i = 0; 
    base.update = function() 
    { 
     base.i ++; 
    } 

    return base; 
} 

をその後、私はこれを使用しますAnotherObject.update()に内容を追加しながら、私はMyObject.update()にあるロジックを実行しますが、AnotherObject()：

私はもちろん、私がMyObject.update()で追加したロジックを失います。

MyObjectで定義されている元のupdate()メソッドも呼び出すように、AnotherObject.update()を書くにはどうすればよいですか？

Answer 1

まず、この優れたexcellent MDN articleをお読みになることをお勧めします。それはあなたを啓発するでしょう。

あなたはこの方法をサブクラス達成することができます：他の人はあなたがプロトタイプベースの継承に従わなければならない提案している

function MyObject() { 
    this.i = 0; 
} 

MyObject.prototype.update = function() { 
    this.i++; 
} 

function AnotherObject() { 
    MyObject.call(this); 
    this.j = 0; 
} 

AnotherObject.prototype = new MyObject; 

AnotherObject.prototype.constructor = AnotherObject; 

AnotherObject.prototype.update = function() { 
    MyObject.prototype.update.call(this); 
    this.j++; 
} 

obj = new AnotherObject(); 
console.log(obj.i); //0 
console.log(obj.j); //0 

obj.update(); 
console.log(obj.i); //1 
console.log(obj.j); //1 

console.log(obj instanceof MyObject) //true 
console.log(obj instanceof AnotherObject) //true 

Answer 2

+1 zzzzBovのコメントです。 prototypeを使用する場合は、baseを使用しています。コンストラクタ関数内ではなく、コンストラクタ関数の後ろで、クラス定義をさらに洗練してください。

Answer 3

function MyObject() { 
    this.value = 5; 
} 
MyObject.prototype.update = function() { 
    this.value++; 
} 
Var newObject = new MyObject(); 
newObject.update =function() { 
    value--; 
} 

Answer 4

通り。それが正しい方法です。

しかし、あなたがオブジェクトのプロトタイプを使用する方法を学ぶ必要があるあなたが

function MyObject() { 
    var base = {}; 
    base.i = 0; 
    base.update = function() { 
     this.i++; 
    } 
    base.show = function() { 
     console.log("i is " + this.i); 
    } 
    return base; 
} 

function AnotherObject() { 
    var base = new MyObject(); 
    base.j = 0; 
    var update = base.update; // proxy variable that refers to original `update` 
    base.update = function() { 
     update.call(this); // invoke original `update` 
     this.j++; 
    } 
    var show = base.show; // proxy variable that refers to original `show` 
    base.show = function() { 
     show.call(this); // invoke original `show` 
     console.log("j is " + this.j); 
    } 
    return base; 
} 

var t = AnotherObject(); 
t.update(); 
t.show();