サブクラスからスーパークラスのインスタンス変数にアクセスするには？

Question

みんな！

私はJavaScriptでこのクラスがあるとします。

function Animal() 
{ 
    this.name = "name"; 
} 

Animal.prototype.someMethod = 
    function() 
    { 
    } 

とこのサブクラス：

猫でオーバーライドされたメソッドからスーパークラス「名前」インスタンス変数にアクセスするための構文は何

function Cat() 
{ 
    Animal.call(this); 
} 

Cat.prototype = new Animal(); 
Cat.prototype.constructor = Cat; 

Cat.prototype.someMethod = 
    function() 
    { 
     // I want to access the superclass "name" instance variable here 
    } 

クラス？

ありがとうございます。

マルコス

UPDATED：あなたは実際のコードを見たい場合はまあ、ここにあります。問題は、abc変数（私が使用していたテスト変数）だけです。

var pesquisaAcervo; 

$(
    function() 
    { 
     carregadoBase(); 

     if ($("#form\\:tipoPesquisa").val() == "SIMPLES") 
     { 
      pesquisaAcervo = new PesquisaAcervoSimples(); 
     } 
     else 
     { 
      pesquisaAcervo = new PesquisaAcervoAvancada(); 
     } 
     pesquisaAcervo.paginaCarregada(); 
    } 
); 

// --- PesquisaAcervo ---------------------------------------------------------- 

function PesquisaAcervo() 
{ 
    $("*:visible[id^='form:materiaisPesquisa']"). 
     change(this.materialMudado).keyup(this.materialMudado); 

    this.abc = 10; 
} 

PesquisaAcervo.prototype.paginaCarregada = 
    function() 
    { 
     $("#cabecalhoPesquisa a").click(this.exibirDicasPesquisa); 
     $("#cabecalhoPesquisa select"). 
      change(function() {$("#form").submit();}). 
      keyup(function() {$(this).change();}); 

     $("*:visible[class*='foco']").focus().select(); 
    }; 

PesquisaAcervo.prototype.materialMudado = 
    function() 
    { 
    }; 

PesquisaAcervo.prototype.exibirDicasPesquisa = 
    function() 
    { 
    }; 

// --- PesquisaAcervoSimples --------------------------------------------------- 

function PesquisaAcervoSimples() 
{ 
    PesquisaAcervo.call(this); 

    $("#form\\:campos").change(
     function() 
     { 
      $("#textoCampo").text($("#form\\:campos :selected").text() + ":"); 
     } 
    ).keyup(function() {$(this).change();}).change(); 

    $("#pesquisaSimples a").click(
     function() 
     { 
      pesquisaAcervo = new PesquisaAcervoAvancada(); 

      $("#pesquisaSimples").parent().hide(); 

      $("#pesquisaAvancada").parent().show(); 

      $("#form\\:tipoPesquisa").val("AVANCADO"); 
     } 
    ); 
} 

PesquisaAcervoSimples.prototype = new PesquisaAcervo(); 
PesquisaAcervoSimples.prototype.constructor = PesquisaAcervoSimples; 

PesquisaAcervoSimples.prototype.materialMudado = 
    function() 
    { 
     alert(this.abc); // "undefined" here 
    }; 

// --- PesquisaAcervoAvancada -------------------------------------------------- 

function PesquisaAcervoAvancada() 
{ 
    PesquisaAcervo.call(this); 
} 

PesquisaAcervoAvancada.prototype = new PesquisaAcervo(); 
PesquisaAcervoAvancada.prototype.constructor = PesquisaAcervoAvancada; 

Answer 1

実際のコードから問題が明らかです。問題はmaterialMudadoとどのように電話しているかにあります。これは、イベントのコールバックとして呼び出されています。コールバック内のキーワードthisは、イベントのターゲット（abcプロパティを持たない）を参照し、関数が所属するオブジェクトではありません。（ページをクリックした後）

function Test() {}; 

Test.prototype.callback = function() { 
    alert(this); 
} 

var t = new Test(); 

$(document).click(t.callback); 

出力：

ここでは簡単なデモです

[object HTMLDocument] 

これと比較：

function Test() {}; 

Test.prototype.callback = function() { 
    alert(this); 
} 

var t = new Test(); 

$(document).click(function() { 
    t.callback(); 
}); 

出力：

[object Object] 

この2番目の例では、変数tを閉じて、その参照を保持しています。

function PesquisaAcervo() { 
    var that = this; 
    var callback = function() { 
     that.materialMudado(); 
    }; 
    $("*:visible[id^='form:materiaisPesquisa']"). 
     change(callback).keyup(callback); 

    this.abc = 10; 
} 

Answer 2

this.nameが有効です。 Cat関数のnameプロパティをオーバーライドしているとは思わないので、this.nameを実行できるはずです。プロトタイプのチェーンは、Animal.nameであるこのプロパティの最初のインスタンスを見つけるための作業を行います。

Answer 3

ただ、このキーワードを使用します。

function Animal() 
{ 
    this.name = "name"; 
} 

Animal.prototype.someMethod2 = 
    function() 
    { 
    } 


function Cat() 
{ 
    Animal.call(this); 
} 

Cat.prototype = new Animal(); 
Cat.prototype.constructor = Cat; 

Cat.prototype.someMethod = 
    function() 
    { 
     alert(this.name);// I want to access the superclass "name" instance variable here 
    } 
var c = new Cat(); 
c.someMethod(); 

が下にこのコードを追加し、私はちょうど...あなたのsomeMethod方法にあなたの例では

をアラートを追加した、猫からすべてを引き出します動物のため、名前変数にアクセスできます

Answer 4

インスタンス変数の上書きはありません。インスタンス変数は、thisオブジェクトの単なるプロパティです。あなたがそれを読むことができます。

var x = this.name; 

かでそれに割り当てる：あなたはAnimalオブジェクトのインスタンスまたはCatオブジェクトのインスタンスを持っているかどうかを名前にアクセスする

this.name = "foo"; 

this.name。あなたはCatコンストラクタでnameプロパティに割り当てる場合は

、あなたはちょうどあなたがオブジェクトの作業インスタンスを作成したら、プロパティはプロパティだけです

this.name = "Cat"; 

でそうすることができると区別はありませんスーパークラスまたはサブクラスによってプロパティが作成されたかどうか。それらはその時点のオブジェクトのプロパティに過ぎず、this.propertyName構文で同じ方法ですべてにアクセスします。