<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div><span style="color: #569cd6;">function</span>&nbsp;<span style="color: #4ec9b0;">Book</span>(){</div>
<div>&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #569cd6;">this</span>.<span style="color: #9cdcfe;">point</span>)</div>
<div>}</div>
<br />
<div><span style="color: #ffc2c2;">//&nbsp;Book.prototype.setPoint&nbsp;=&nbsp;function(){</span></div>
<div><span style="color: #ffc2c2;">//&nbsp;&nbsp;&nbsp;this.point&nbsp;=&nbsp;100;</span></div>
<div><span style="color: #ffc2c2;">//&nbsp;}</span></div>
<br />
<div><span style="color: #ffc2c2;">//&nbsp;Book.prototype.getPoint&nbsp;=&nbsp;function(){</span></div>
<div><span style="color: #ffc2c2;">//&nbsp;&nbsp;&nbsp;this.setPoint();</span></div>
<div><span style="color: #ffc2c2;">//&nbsp;&nbsp;&nbsp;console.log(this.point)</span></div>
<div><span style="color: #ffc2c2;">//&nbsp;}</span></div>
<div><span style="color: #4ec9b0;">Book</span>.<span style="color: #9cdcfe;">prototype</span>&nbsp;=&nbsp;{</div>
<div>&nbsp;&nbsp;<span style="color: #4ec9b0;">constructor</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #4ec9b0;">Book</span>,</div>
<div>&nbsp;&nbsp;<span style="color: #4ec9b0;">setPoint</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #569cd6;">function</span>(){</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">this</span>.<span style="color: #9cdcfe;">point</span>&nbsp;=&nbsp;<span style="color: #b5cea8;">100</span>;</div>
<div>&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;<span style="color: #dcdcaa;">getPoint</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #569cd6;">function</span>(){</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #569cd6;">this</span>.<span style="color: #4ec9b0;">setPoint</span>();</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #569cd6;">this</span>.<span style="color: #9cdcfe;">point</span>)</div>
<div>&nbsp;&nbsp;}</div>
<div>}</div>
<br /><br />
<div><span style="color: #569cd6;">var</span>&nbsp;<span style="color: #9cdcfe;">obj</span>&nbsp;=&nbsp;<span style="color: #569cd6;">new</span>&nbsp;<span style="color: #4ec9b0;">Book</span>();</div>
<div><span style="color: #9cdcfe;">obj</span>.<span style="color: #dcdcaa;">getPoint</span>()</div>
<div></div>
<div></div>
<div>보다보니 class와 비슷하게 생긴거 같은데</div>
<div>클레스가 이와같은 원리로 작동한다고 보면 될까요??</div>
</div>

자바스크립트 중고급: 엔진 핵심

질문드려도 될까요 선생님..

6. this와 prototype, this로 인스턴스 참조, this와 prototype, prototype 메소드 직접 호출

생성자 함수의 코드를 수정하는 것

생성자 함수 자체를 반환하는 것

새로운 인스턴스 객체를 생성하고 반환하는 것

생성자 함수의 프로토타입을 삭제하는 것

인프런 커뮤니티 질문&답변

질문드려도 될까요 선생님..