백본의 속성으로 이동

Question

내 앱에서 버그를 잡으려고 많은 시간을 보냈습니다. 결국 나는 행동이 매우 이상하게 보일 정도로이 코드 조각을 구분했다.

var Model = Backbone.Model.extend({ 
    myProperty: [] 
}); 

var one = new Model(); 
var two = new Model(); 
one.myProperty.push(1); 
console.log(two.myProperty); //1!! 

그 이유는 무엇입니까? 왜 그렇게 행동합니까? 코드에서 이러한 유형의 버그를 피하는 방법은 무엇입니까?

Answer 1

상속은 프로토 타입입니다 - 객체는 prototype chain에서 높은 속성에 직접 참조 할 수 있습니다.

당신의 예에서

, one 및 two 모두 공통의 프로토 타입을 공유하고 myProperty는 그래서 그들은 모두 Model.protoype.myProperty를 직접 참조에 대한 자신의 값을 제공하지 않습니다.

인스턴스화하는 각 모델에 대해 myProperty 배열을 새로 만들어야합니다. Model.initialize은 이런 종류의 초기화를위한 관용적 인 장소입니다. 우선 constructor이 불필요하게 복잡합니다. - 간단한 객체를 사용한다면 같은 발생할 것

var Model = Backbone.Model.extend({ 
    defaults: function() { 
     return { 
     myProperty: [] 
     } 
    } 
}); 

defaults 함수는 것이 중요합니다 :

var Model = Backbone.Model.extend({ 
    initialize: function() { 
     this.myProperty = []; 
    } 
}); 

또는 당신이 모델의 속성으로 myProperty을 만들 수 공유 참조 문제.

Answer 2

문서는 말한다 :

생성자/

모델의 인스턴스를 생성, 당신은 속성의 초기 값을 전달할 수있는 새로운 모델 ([속성], [옵션]) 초기화 모델에 설정됩니다. initialize 함수를 정의하면 모델을 만들 때 호출됩니다.

드문 경우이지만, 궁금해지기를 원하면 모델의 실제 생성자 함수를 바꿀 수있는 생성자를 재정의해야 할 수도 있습니다.

그래서, 문서를 다음, 당신은 당신의 경우 실행을 얻기 위해 같은 것을 할 싶어 :

var Model = Backbone.Model.extend({ 
    initialize: function() { 
     this.myProperty = []; 
    } 
}); 

소스 : http://backbonejs.org/#Model-extend

Answer 3

사실의 myProperty가 배열이기 때문에, 그리고 알다시피 배열은 참조로 저장됩니다. 그냥 다음 코드를 고려 테스트 :

var Model = Backbone.Model.extend({ 
myProperty: [], 
messege: '' 
}); 

var one = new Model(); 
var two = new Model(); 

one.messege = 'One!'; 
two.messege = 'Two!'; 

console.log(one.messege); // 'One!' 
console.log(two.messege); // 'Two!' 

이 주위의 대안은 될 수있다 : 자바 스크립트에서

var Model = Backbone.Model.extend({ 
    constructor: function() { 
    this.myProperty = []; 
    Backbone.Model.apply(this); 
    } 
}); 

var one = new Model(); 
one.myProperty.push(1); 

var two = new Model(); 
console.log(two.myProperty); // []