자바 스크립트 프로토 타입 상속 차이

Question

function main() 
{ 
    this.one = 1; 
} 

main.prototype = { 
    display: function() 
    { 
    console.log(this.one); 
    return this; 
    } 
}; 

function addition() { 
    main.call(this); 
} 

addition.prototype = new main; 
addition.prototype.constructor = addition; 

addition.prototype = { 
    add: function(x) { 
    this.one += x; 
    return this; 
    } 
}; 

// addition.prototype.add = function(x) 
// { 
// this.one += x; 
// return this; 
// } 

display = new addition; 
display.add(3).add(5).display(); 

, 그것은 '9'를 로깅, 잘 작동합니다. 그렇지 않으면 위의 스 니펫을 실행하면 Firebug 1.4, Firefox 3.5에서 "display.add (3) .add (5) .display가 함수가 아닙니다"가 발생합니다.

두 세그먼트의 차이점은 무엇입니까? 난 항상 그들이 동일하다고 생각했거나 그 차이점에 대해 조언 해 주시고,/또는 어떻게 주석 처리 된 코드와 함께 작동시킬 수 있는지 생각해 보셨습니다.

또는 적어도 내가해야하는 키워드를 알려주고, 몇 시간 동안 맹목적으로 보았습니다.

감사합니다. 당신이 당신의 코드로 부모의 (주)의 프로토 타입을 덮어 쓰는 것처럼 보이는

Answer 1

: 당신은 단지에 할당하기 때문에

addition.prototype = { 
    add: function(x) { 
    this.one += x; 
    return this; 
    } 
}; 

addition.prototype는 이제 새로운 객체입니다.

당신이 할 경우 : 당신이 display() 기능을 상속의 주요 유지, 그래서 당신은 addition.prototype에 속성을 추가하는

addition.prototype.add = function(x) { 
this.one += x; 
return this; 
} 

.

Btw, 어디에서이 코드를 가져 오나요? JavaScript에서 상속의 더 복잡한 예 중 하나입니다.