JavaScript字段繼承奇怪行爲

Question

function A(){ 
    this.a = {}; 
    this.b = 0; 
    this.Test = function(value){ 
     this.a.x = value; 
     this.b = value; 
    }; 
} 

function B(){} 
B.prototype = new A; 


    var b1= (new B()); 
    b1.Test(1); 
    var b2= (new B()); 
    b2.Test(2); 
    log(b1.b == 1); //true 
    log(b2.b == 2); //true 
    log(b1.a.x == 1);//false x == 2 
    log(b2.a.x == 2);//true 

爲什麼實例共享字段a？

Answer 1

發生這種情況的原因是a對象在B的所有實例中共享（因爲B原型的實例是A的實例）。

一種解決方法是在你的Test方法分配一個新的對象作爲自己的財產是陰影的一個可用的原型鏈，例如：

function A(){ 
    this.a = {}; 
    this.b = 0; 
    this.Test = function(value){ 
    this.a = {x: value}; // shadow the object on the prototype chain 
    this.b = value; 
    }; 
} 

function B(){} 
B.prototype = new A; 


var b1= new B(); 
b1.Test(1); 

var b2= new B(); 
b2.Test(2); 

console.log(b1.b == 1); //true 
console.log(b2.b == 2); //true 
console.log(b1.a.x == 1);//true 
console.log(b2.a.x == 2);//true