js-core [JS] This의 Binding 5가지 위처럼 실행컨텍스트가 호출되는 방법에 따라 this는 다르게 바인딩이 된다. this는 전역객체를 가르킨다. 함수 호출시 함수 호출했을 때에도 this는 전역 객체를 가르킨다. 그렇다면 함수에서 this는 전역공간에서의 this가 될것이고 전역 공간의 this는 전역 객체이기 때문이다. 여기서 함수 내부에서 또 다른 내부함수를 정의하여 해당 내부 함수에서 console을 확인했을때도 this... TILJavaScriptjs-coreJavaScript [JS] 실행 컨텍스트, Lexical Environment & 호이스팅 코드를 보면서 확인해보자 위의 코드를 보고 콘솔이 찍히는 순서를 확인해보자. 첫번째로 전역 컨텍스트가 실행이 되면서 var a변수와 function outer함수를 수집(선언)한다. 호이스팅은 현재 컨텍스트의 Lexical Environment에 정보가 담기는(수집되는) 것이다. 그 다음 전역 컨텍스트에서 a에 1이라는 값이 할당 된다. outer 컨텍스트에서는 function inner함수... TILJavaScriptjs-coreJavaScript
[JS] This의 Binding 5가지 위처럼 실행컨텍스트가 호출되는 방법에 따라 this는 다르게 바인딩이 된다. this는 전역객체를 가르킨다. 함수 호출시 함수 호출했을 때에도 this는 전역 객체를 가르킨다. 그렇다면 함수에서 this는 전역공간에서의 this가 될것이고 전역 공간의 this는 전역 객체이기 때문이다. 여기서 함수 내부에서 또 다른 내부함수를 정의하여 해당 내부 함수에서 console을 확인했을때도 this... TILJavaScriptjs-coreJavaScript [JS] 실행 컨텍스트, Lexical Environment & 호이스팅 코드를 보면서 확인해보자 위의 코드를 보고 콘솔이 찍히는 순서를 확인해보자. 첫번째로 전역 컨텍스트가 실행이 되면서 var a변수와 function outer함수를 수집(선언)한다. 호이스팅은 현재 컨텍스트의 Lexical Environment에 정보가 담기는(수집되는) 것이다. 그 다음 전역 컨텍스트에서 a에 1이라는 값이 할당 된다. outer 컨텍스트에서는 function inner함수... TILJavaScriptjs-coreJavaScript