728x90
화살표 함수 사용이유
1. 코드의 간결성
2. 콜백함수 this에 값을 참조시킬 때 (this 값에 Lexical scope를 참조시킬 때)
3. map 사용할 때 this를 넘겨주어 코드를 더 쉽게 작성 가능
화살표 함수 VS 일반 함수
1. 화살표 함수는 인스턴스를 생성할 수 없는 non-constructor
2. 중복된 매개변수 이름을 선언할 수 없음
3. 화살표 함수는 함수 자체의 this, arguments, super, new.target 바인딩을 갖지 않음
화살표 함수와 일반 함수와 구별되는 가장 큰 특징은 this
화살표 함수의 this는 일반함수의 this와 다르게 동작함
일반 함수에서 호출되는 모든 함수 내부의 this는 전역 객체를 가리킴
화살표 함수는 자체의 this 바인딩을 갖지 않으며, 함수 내부에서 this를 참조하면 상위 스코프의 this를 참조한다.
그래서 화살표 함수는 콜백 함수의 this와 외부 함수의 this 간 불일치 문제를 해결할 수 있음
정리 : 콜백 함수 내부의 this문제를 화살표 함수를 사용하면 편하게 해결할 수 있음
728x90
'TIL' 카테고리의 다른 글
117. Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. TIL 23.01.25 (0) | 2023.01.25 |
---|---|
116. JS call, apply의 차이점? TIL 23.01.19 (0) | 2023.01.19 |
114. 브라우저 렌더링 TIL 23.01.17 (0) | 2023.01.17 |
113. HTTP 통신흐름 TIL 23.01.16 (1) | 2023.01.16 |
112. Til 23.01.13 (0) | 2023.01.13 |
댓글