<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;">var</span> <span style="color: #9cdcfe;">relationship1</span> = {</div>
<div><span style="color: #9cdcfe;">name:</span> <span style="color: #ce9178;">"zero"</span>,</div>
<div><span style="color: #9cdcfe;">friends:</span> [<span style="color: #ce9178;">"nero"</span>, <span style="color: #ce9178;">"hero"</span>, <span style="color: #ce9178;">"xero"</span>],</div>
<div><span style="color: #dcdcaa;">logFriends</span><span style="color: #9cdcfe;">:</span> <span style="color: #569cd6;">function</span>() {</div>
<div><span style="color: #569cd6;">var</span> <span style="color: #9cdcfe;">that</span> = <span style="color: #569cd6;">this</span>;</div>
<div><span style="color: #569cd6;">this</span>.<span style="color: #9cdcfe;">friends</span>.<span style="color: #dcdcaa;">forEach</span>(<span style="color: #569cd6;">function</span>(<span style="color: #9cdcfe;">friend</span>) {</div>
<div><span style="color: #4ec9b0;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #9cdcfe;">that</span>.<span style="color: #9cdcfe;">name</span>, <span style="color: #9cdcfe;">friend</span>);</div>
<div>});</div>
<div>}</div>
<div>};</div>
<div><span style="color: #9cdcfe;">relationship1</span>.<span style="color: #dcdcaa;">logFriends</span>();</div>
</div>
<p>여기서 this를 that에 대입을 하는 이유가 뭔가요?</p>
<p>logFriends 안에서 콘솔로그로 this를 보니까 Object[global] ~~ 이런게 뜨던데 그럼 this를 that에 대입해도 똑같은 값이 대입되어야 하지 않나요?</p>
<p>그런데 that에 대입을 하고 콘솔로그해보면 relationship1의 객체가 나오네요..</p>
<p>이유가 궁금합니다.</p>

<p>function 안에서 this는 바깥 함수의 this와 다릅니다. 따라서 바깥 함수의 this를 사용하려면 다른 변수에 값을 대입해서 사용해야 합니다.</p>

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

this 질문