화살표 함수 구문

매개변수 목록 괄호 생략하기

화살표 함수가정확히 하나의 매개변수만 사용하는 경우, 묶는 괄호를 생략할 수 있다.

userName => { ... }

함수에 매개변수가 없는 경우에는, 괄호를 생략해서는 안된다.

(userName, userAge) => { ... }

 

함수 본문 중괄호 생략하기

화살표 함수에 반환문 외에 다른 로직이 없는 경우, return키워드와 중괄호를 생략할 수 있다.

number => number * 3;

 

특수한 경우: 객체만 반환하는 경우

자바스크립트는 중괄호를 JS 객체를 생성하는 코드가 아닌 함수 본문 래퍼로 취급한다.

number => ({ age: number });

객체와 중괄호를 추가 괄호로 감싸면, 자바스크립트는 중괄호가 함수 본문을 정의하는 것이 아니라 객체를 생성하기 위한 것으로 생각하고 객체를 반환한다.