[Intermediate] 함수(2) - 화살표 함수

OROSY·2021년 3월 25일
0

JavaScript

목록 보기
20/53
post-thumbnail

1. 함수

2. 화살표 함수

  • ( ) => { } vs function ( ) { }
  • 일반함수와 달리 일부 내용을 생략하여 축약형으로 함수 최소화 가능
  • 숫자, 문자, 배열, 불린, null 데이터 등은 문제 없이 사용 가능
  • BUT! 중괄호{ }를 사용하는 객체 데이터는 소괄호를 이용하여 사용 가능
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: OROSY })
// 축약형으로 객체 데이터를 반환할 때에는 소괄호를 이용하여 객체 데이터를 감싸도록 하자!
profile
Life is a matter of a direction not a speed.

0개의 댓글