Day 28 화살표 함수

2022-04-26

화살표 함수

() => {} vs function () {}

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

• 화살표 함수는 return과 그 뒤에 단순 실행문만 있을 때 아래와 같이 축약할 수 있음
  _

const doubleArrow = (x) => x * 2 // 매개변수가 x 하나일 때 괄호도 지울 수 있다.

console.log('doubleArrow', doubleArrow(7))

// doubleArrow: 14

• 화살표 함수의 축약형으로 객체 데이터를 반환할 때는 소괄호로 한 번 감싸줘야한다.
  _

const doubleArrow = x => ({
  name: 'Jinyoung'
} )