[Essentials] 함수 복습(2) - 화살표 함수

01.화살표 함수

• ( ) => { } vs function ( ) { }
• 일반함수와 달리 일부 내용을 생략하여 축약형으로 함수 최소화 가능
• 숫자, 문자, 배열, 불린, null 데이터 등은 문제 없이 사용 가능
• 중괄호{ }를 사용하는 객체 데이터는 소괄호를 이용하여 사용 가능

const double = function (x) {
  return x * 2
}
console.log('double: ', double(7)) // double: 14

const doubleArrow = (x) => {
  return x * 2
}
console.log('doubleArrow', doubleArrow(7)) // doubleArrow 14

const doubleArrow = (x) => x * 2
// 위 함수와 같은 의미의 화살표 함수(중괄호와 return 생략 가능)

const doubleArrow = x => x * 2
// 변수가 하나일 때에는 위와 같이 소괄호도 생략 가능(변수 2개 이상은 생략 불가)

const doubleArrow = x => ({ name: HEROPY })
// 축약형으로 객체 데이터를 반환할 때에는 소괄호를 이용하여 객체 데이터를 감싸도록 한다.