56. JavaScript의 this

1. 첫번째 this

JavaScript에서의 this는 전역을 의미한다. 

this를 출력하면 window가 찍힌다.

---

2. 두번째 this

함수안에 있는 this도 전역을 의미한다.

함수안에 console로 this를 찍어도 window가 찍힌다.

---

3. 세번째 this

(함수의 첫 이름이 대문자로 시작하는 함수 -> 생성자 함수)

여기서는 this가 생성자 함수를 가르킨다.

 

---

4. 비동기처리 에서의 this

호출 전 에는 VueComponent

호출 후 에는 undefined

 

비동기 호출 할때는 기존의 this를 벗어난 this가 생김 (자바스크립트가 이렇게 동작)

이거때문에 기존 컴포넌트, 객체를 가리킬때 항상 바인딩으로

var vm = this; 이렇게 연결했다.

 

ES6의 화살표함수를 쓰면 this가 호출되는 위치의 this를 가져온다

---

ES6의 화살표함수를 쓰면 this가 호출되는 위치의 this를 가져온다

바인딩을 계속 해줘야하는 번거로움 때문에

화살표함수 쓰게되는것도 있다.