JS 화살표 함수

화살표 함수

함수 표현식보다 단순하고 간결한 문법으로 만드는 함수이다. 간단한 함수가 필요할 때 이용한다.

//화살표 함수
const sum = function (a,b) => {
	a + b;
};

//일반 함수 선언식
const sum = function (a,b) {
	a + b;
};

❓ 사용이유

1. 코드의 간결성

2. 콜백함수 this에 값을 참조시킬때 (this 값에 lexical scope를 참조시킬 때)

3. map 사용할 때 this를 넘겨주어 코드를 더 쉽게 작성할 수 있다.

❗ 함수와의 차이점

1. this를 가지지 않는다.
   화살표 함수에서 this 사용 시 외부의 값(상위의 this값)을 가져오게 된다. 이런 특징을 이용하기 위해 함수 대신 화살표 함수를 사용하기도 한다.

2. arguments를 지원하지 않는다.
   매개변수에 해당하는 Array 형태의 객체, arguments를 지원하지 않는다.
   https://bubobubo003.tistory.com/55

3. new와 함께 호출할 수 없다. (생성자 함수로 사용할 수 없다.)
   프로퍼티를 가지고 있지 않기 때문에 이러한 특징을 지니고 있다.

4. 이벤트 메소드에 콜백함수로 사용하면 안된다.
   addEventListener 함수의 콜백 함수를 화살표 함수로 정의하면 this가 상위 컨택스트인 전역 객체 window를 가리키게 되므로 사용하면 안된다.

5. super가 없다.

---

📌 참고자료

화살표 함수란
https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98-%EC%A0%95%EB%A6%AC

사용이유
https://hsp0418.tistory.com/148

call, apply, bind ..?