자바스크립트 ES6 문법 중 화살표 함수의 중괄호 여부에 대해

개요

ES6에 새로 도입된 화살표 함수는 꽤 직관적이고 간편하다. 하지만 처음 접할 경우 어떨 때 괄호가 있고, 없고 하는지 좀 헷갈릴 때가 있다. 아래는 처음 화살표 함수를 경험했을 때 자주 헷갈리는 두 가지 경우다.

화살표 함수의 형태

(param) => { statements }

이것은 이것과 같다.

function (param) {
  statement
}

파라메터의 개수가 1개인가?

1개이면: param 으로 써도 되고, (param) 으로 써도 된다.
2개 이상이면: (param1, param2) 와 같이 괄호를 꼭 써준다.

=> 다음에 중괄호를 생략할 경우

중괄호를 생략하면 return을 쓰지 않아도 된다.
중괄호를 쓰면 return을 써야 한다.