TIL 23.02.22.

화살표함수 사용법

잘 안다고 생각하고 쓰다보면 자잘한 실수를 자주 범하기도 하고, 저번에 return문 규칙때문에 봤던 블로그에서 화살표함수에 대한 글이 이어져서 정리해본다. MDN에도 자세하게 나와있다.

기본 구문

function App(element) {
    return element.length;
} // 함수 선언식

const App = element => {
    return element.length;
} // 함수 표현식, 매개변수가 하나뿐이라면 소괄호는 생략가능.

const App = (element) => element.length;
 // 화살표함수의 유일한 문장이 return일때는 return과 중괄호를 생략할 수 있다.

함수 선언식과 함수 표현식의 차이

정리

1. 화살표함수를 쓸 때 매개변수가 하나라면 소괄호가 생략가능하다.
2. 화살표함수의 유일한 문장이 return문이면 중괄호와 return 둘 다 생략가능한데, 둘 중 하나만 쓰는건 안된다.