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 

인스턴스가 필드를 공유하는 이유는 무엇입니까?

Answer 1

B (B 프로토 타입의 인스턴스가 A이므로) 모든 인스턴스에서 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