JavaScript private Variablen mit Konstruktor Prototyp

Question

den folgenden Code Gegeben:

var Test = function() { 
    var self = this; 
    var innerPrivate = 1; 
    self.innerPublic = 1; 
    self.innerShow = function() { 
    console.log(innerPrivate++ + ':' + this.innerPublic++); 
    }; 
    this.constructor.prototype.protoShow = function() { 
    console.log(innerPrivate++ + ':' + this.innerPublic++); 
    }; 
}; 

var t1 = new Test(); 
var t2 = new Test(); 

t2.innerShow(); //1:1 
t1.innerShow(); //1:1 
t2.innerShow(); //2:2 
t1.innerShow(); //2:2 

t2.protoShow(); //3:3 (expected: 1:3 or 3:3) 
t1.protoShow(); //4:3 (expected: 2:3 or 3:3) 
t2.protoShow(); //5:4 (expected: 3:4 or 4:4) 
t1.protoShow(); //6:4 (expected: 4:4) 

Warum ist die innere Variable beide wiederverwendet und geteilt?

Auch wenn die Instanz mit dem Konstruktor verknüpft ist, scheint das Ergebnis immer noch nicht richtig zu sein.

Was fehlt mir?

Answer 1

Grundsätzlich Prototyp ist eine Live-Verbindung zu der Klasse (Funktion). Wenn Sie eine neue Instanz aus der Klasse erstellen, werden diese Instanzen die Prototypeigenschaften gemeinsam nutzen. Die Variable innerPrivate ist eine Schließung für die Funktion innerhalb, aber sie wird mit der Variablen der letzten Instanz aktualisiert.

. 
. 
var t1 = new Test(); 
var t2 = new Test(); 
// after execution of the above line 
//closure innerPrivate inside of prototype function is replaced with t2's innerPrivate. 

//So updating t1's innerPrivate via innerShow of it(t1) 
//doesn't affect the closure inside of protoShow 

Es ist immer besser zu vermeiden, den Prototyp in einem Konstruktor zu ändern. Weil dies zu unnötigen Verwirrungen führt.