본문 바로가기

클라이언트/JavaScript
[자바스크립트(JavaScript)] This(일반 함수 vs 화살표 함수)

// This

일반 함수와 화살표 함수는 각각 This가 가리키는 대상이 다르다.


// 일반 함수

- 함수가 호출될 때 this의 값이 결정된다.

 


// 화살표 함수

- 선언된 위치의 실행 컨텍스트에 따라 this의 값이 결정된다.

- 함수가 속해 있는 곳의 상위 this를 계승받는다.

★ 객체의 메소드를 화살표 함수로 정의하게 되면 this가 window를 가리키게 되기 때문에 객체의 메소드는 화살표 함수로 정의하면 안 된다.