如何從JavaScript中的子類調用父類的方法，以便可以訪問父類的局部變量？

Question

我正在使用JavaScript中的類繼承方法之一（正如我正在修改的代碼中使用的那樣），但不理解如何將子類中的方法的附加功能附加到相應父類方法的功能已經有了;換句話說，我想用一個方法覆蓋子類中的父方法，除了它自己的子類特定的東西外，父方法也是這樣做的。所以，我試圖從孩子的方法調用父母的方法，但它甚至有可能嗎？

代碼在這裏：http://jsfiddle.net/7zMnW/。請打開開發控制檯查看輸出。這裏還

代碼：

function MakeAsSubclass (parent, child) 
{ 
    child.prototype = new parent; // No constructor arguments possible at this point. 
    child.prototype.baseClass = parent.prototype.constructor; 
    child.prototype.constructor = child; 

    child.prototype.parent = child.prototype; // For the 2nd way of calling MethodB. 
} 

function Parent (inVar) 
{ 
    var parentVar = inVar; 

    this.MethodA = function() {console.log("Parent's MethodA sees parent's local variable:", parentVar);}; 
    this.MethodB = function() {console.log("Parent's MethodB doesn't see parent's local variable:", parentVar);}; 
} 

function Child (inVar) 
{ 
    Child.prototype.baseClass.apply(this, arguments); 

    this.MethodB = function() 
    { 
     console.log("Child's method start"); 
     Child.prototype.MethodB.apply(this, arguments); // 1st way 
     this.parent.MethodB.apply(this, arguments); // 2 2nd way 
     console.log("Child's method end"); 
    }; 
} 

MakeAsSubclass(Parent, Child); 

var child = new Child(7); 
child.MethodA(); 
child.MethodB(); 

Answer 1

不，你不能看到父母的局部變量。你繼承了父母的原型鏈，而不是他們的本地狀態。在你的情況下，你將父函數應用到不包含狀態的子對象上。

apply(this,...) 

意味着您將函數綁定到當前值。當您從子對象調用方法b時，它將綁定到子對象，因此不在包含父對象值的閉包中操作。

Answer 2

變量var parentVar = inVar;是一個本地和私有變量，僅在Parent()函數中可用，並且僅對在同一範圍（Parent()）中定義的函數可見。

我認爲最好的方法在這裏是修改父類以這樣一種方式使parentVar不會是私人的，但市民：

function Parent(inVar) { 

    this.parentVar = inVar; 

} 

Answer 3

我會建議使用這樣的私有實例值的屬性agains因爲它弄亂了原型。需要訪問私有實例變量的函數（每個實例都有自己的私有值）不能放在原型上，所以你不能真正使用它。

下面是你的代碼可以工作（但我不會做我自己）：

var Parent = function(){ 
    var private=22; 
    this.showPrivate=function(){ 
    console.log(private); 
    } 
} 
var Child=function(){Parent.call(this)}; 
// the following is only usefull if you have functions 
// on the parent prototype that don't use privates 
Child.prototype=Object.create(Parent.prototype); 
// Child.prototype.constructor would now point to Parent 
// it's not needed most of the time but you can fix that 
Child.prototype.constructor=Child; 

var c = new Child(); 
c.showPrivate(); 

這裏是你如何使用「私有」的功能：在構造

var Parent = function(name){ 
    //public instance variable 
    this.name=name; 
} 
Parent.prototype=function(){ 
    // privates on the prototype (shared among instances) 
    var privateFunction=function(me){ 
    console.log("private function called in:"+me.name); 
    console.log("shared in "+me.name 
     +" is now:"+shared+" setting it to 'changed'"); 
    shared="Changed"; 
    } 
    // private shared value 
    var shared="Parent" 
    return{ 
    constructor:Parent, 
    publicFn:function(){ 
    privateFunction(this); 
    } 
    }; 
}(); 

var Child=function(name){Parent.call(this,name)}; 
Child.prototype=Object.create(Parent.prototype); 
Child.prototype.constructor=Child; 

var c = new Child("child1"); 
var c2 = new Child("child2"); 
c.publicFn(); 
c2.publicFn();//shared is already changed by 'child1' 

更多信息功能here