2020.07.07 [⭐️TIL] this

 

자바스크립트에는 this라는 키워드가 있다. this는 문맥에 따라서 다양한 값을 가지는 데, this가 쓰이는 함수를 어떤 방식으로 실행하느냐에 따라서 그 역할이 구별된다. this의 값들은 크게 4가지 정도로 나눌 수 있다. 즉, this를 이용하는 함수를 4가지 방식 중에서 어떤 방식으로 실행하느냐에 따라 this의 값이 결정된다는 뜻이다. 이러한 특성 때문에 this가 무엇을 지칭하는지 알기 위해서 우리는 this가 사용된 함수가 어디서 어떻게 실행되었는지를 찾아야만 한다.

'this' keyword

 

모든 함수 scope 내에서 자동으로 설정되는 특수한 식별자

execution context의 구성 요소 중 하나로, 함수가 실행되는 동안 이용할 수 있다.

 

this의 값이 뭐가 들어가냐? 5가지 패턴만 기억하면 된다.

5 Patterns of Binding 'this'

이것은 외워놓기만 하면 다양하게 접목이 가능하다!

Global일때 binding 되는 값은 window 이다.

 

cosole 창에 this라고 쳤을 때 window가 나온다.