<p>강의에는 없는 내용이지만</p>
<p>this 관련 궁금증이 생겨 질문남깁니다.</p>
<p>다음 강의에 있는 내용이라면 죄송합니다.</p>
<p></p>
<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;">const</span>&nbsp;<span style="color: #9cdcfe;">a</span>&nbsp;=&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">aa</span><span style="color: #9cdcfe;">:</span>&nbsp;<span style="color: #569cd6;">function</span>()&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #569cd6;">this</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #dcdcaa;">bb</span><span style="color: #9cdcfe;">:</span>&nbsp;()&nbsp;<span style="color: #569cd6;">=&gt;</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">console</span>.<span style="color: #dcdcaa;">log</span>(<span style="color: #569cd6;">this</span>);</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</div>
<div></div>
<div></div>
<div>이렇게 했을 때 화살표 함수는 왜 window를 가리키게 되는지 궁금합니다.</div>
</div>

<p>화살표함수는 실행컨텍스트 생성시에 this를 바인딩하지 않습니다.</p>
<p>화살표함수 내부에서 this에 접근하면 함수 내부에는 this가 존재하지 않으므로</p>
<p>스코프체인에 따라 상위컨텍스트의 this에 접근하게 됩니다.</p>
<p>전역공간에서 a.bb()를 실행하면 상위컨텍스트(전역컨텍스트)의 this가 전역객체를 가리키므로 window가 출력됩니다.</p>

<p>답변 감사합니다.</p>
<p>이해 되었습니다!!</p>

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

화살표 함수의 this