Javascript継承パターン。フィードバックお願いしますか？

Question

私は下に継承に取り組んでいる方法に欠点があるかどうか疑問に思っていますか？ 考慮するメモリリークはありますか？他の継承パターンより多くのメモリが使用されていますか？ 以下の「クラス」パターン（新しい...（））を使用してJavaScriptをコード化することをお勧めします...私は他の継承パターンを目立たせ、これを思いついただけです...

コメントをいただきありがとうございます！

// Class A 
function A() { 

    var that = this; 

    that.hello = function() { 

    return "HELLO"; 

    } 

} 

// Class B 
function B() { 
    var zuper = new A(); 
    var that = this; 

    that.variable = "VARIABLE"; 

    zuper.bye = function() { 

    return "BYE"; 
    } 

    zuper.getVariable = function() { 
    return that.variable 
    } 

    return zuper; 
} 

var b = new B(); 
alert (b.hello()) // "HELLO" 
alert (b.bye()) // "BYE" 
alert (b.getVariable()) // "VARIABLE" 

================================ EDIT ========= ========================== 私は私の元の方法を改訂し、これを思い付いた。これは、私はあなたにプロトタイプについて検討すべきだと思うB

// Class A 
function A() { 

    var that = this; 
    that.publicProperty = "PUBLIC_PROPERTY"; 
    var privateProperty = "PRIVATE_PROPERTY"; 

    that.hello = function() { 
    return "HELLO"; 
    } 

    that.getPrivateProperty = function() { 
    return privateProperty; 
    } 

    that.overrideThis = function() { 
    return "NO_PLEASE_NO"; 
    } 

} 

// Class B 
function B(a, b, c) { 
    A.apply(this, arguments); 

    this.variable = "VARIABLE"; 
    var privateVariable = "PRIVATE_VARIABLE"; 

    this.bye = function() { 

    return "BYE"; 
    } 

    this.getVariable = function() { 
    return this.variable 
    } 

    this.getPrivateVariable = function() { 
    return privateVariable; 
    } 

    this.getAandB = function() { 
    return a + b; 
    } 

    this.getFromSuperPublicPropery = function() { 
    return this.publicProperty; 
    } 

    this.overrideThis = function() { 
    return "MUHAHAHA"; 
    } 

} 

var b = new B("aaa", "bbb"); 

alert (b.hello())  // "HELLO" 
alert (b.bye())   // "BYE" 
alert (b.getVariable()) // "VARIABLE" 
alert (b.getPrivateVariable()) // "VARIABLE"' 
alert (b.getAandB())   // "aaabbb" 
alert (b.getFromSuperPublicPropery()) // "PUBLIC_PROPERTY" 
alert (b.getPrivateProperty()) // "PRIVATE_PROPERTY" 
alert (b.overrideThis()) // MUAHAHAA 


function C() { 
    A.apply(this, arguments); 
} 

var c = new C(); 
alert (c.overrideThis()) // "NO_PLEASE_NO" 
alert (c.bye()) // Expecting an exception here! Correct!  

Answer 1

の初めに呼び出しを適用ご覧ください （Bを作成する際に作成した2つのオブジェクト、（AとBの合計））前のものと同じ問題に苦しむんjavascript。この記事 - http://www.sitepoint.com/javascript-inheritance/を参照してください。

Answer 2

私は（あなたの例では）次のパターンを使用することをお勧めしたい：

// A function to implement basic inheritance 
function inherit(child, parent) { 
    function F() {}; 
    F.prototype = parent.prototype; 
    child.prototype = new F(); 
    // Reassign the original constructor, explained below 
    child.prototype.constructor = child; 
    // Maybe have a reference to parent prototype 
    // child.superClass = parent.prototype; 
} 

// Class A 
function A() { 
} 

A.prototype.hello = function() { 
    return "HELLO"; 
} 

// Class B 
function B() { 
    this.variable = "VARIABLE";  
} 

inherit(B, A); 

B.prototype.bye = function() { 
    return "BYE"; 
} 

B.prototype.getVariable = function() { 
    return this.variable; 
}; 


var b = new B(); 
alert (b.hello()) // "HELLO" 
alert (b.bye()) // "BYE" 
alert (b.getVariable()) // "VARIABLE" 

//If you reassigned the original constructor to child, you can do the following 
alert (b instanceof B); //true 
alert (b instanceof A); //true 

あなたが望んだ、それは親（オブジェクトA）のインスタンスに反映されないならばあなたはまたB.prototype.helloとして、helloをオーバーライドすることができます。このようにして実際にプロトタイプを使用して関数定義の重複を保存し、実際にプロパティや関数などを継承します。

Answer 3

Like HungryMindは継承ではなく、 instanceofは、基本クラスの場合はテストに使用できません。クローズベースのオブジェクト（プライベート変数用）を作成したい場合は、プロトタイプを使用しないin継承スキームが必要です。

のための投稿を参照してください。 JSの継承。 http://js-bits.blogspot.com/2010/08/javascript-inheritance-done-right.html他のスキームを使用することはできませんが、継承がJSでどのように機能するのかを本当に理解するまでは、そうしないでください。