화살표 함수

lbr·2022년 7월 8일
0

화살표 함수

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

익명 함수

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

익명 함수 - 화살표 함수

const doubleArrow = (x) => {
 return x * 2; 
}
console.log('doubleArrow', doubleArrow(7));
const doubleArrow = x => x * 2;
console.log('doubleArrow', doubleArrow(7));
  • 화살표 함수를 축약형으로 쓸 수 있습니다.
  • 매개변수가 한개 일때는 매개변수의 소괄호를 생략할 수 있습니다.
  • 중괄호와 return 키워드를 생략할 수 있습니다.
const doubleArrow = x => {};
console.log('doubleArrow', doubleArrow(7));
const doubleArrow = x => ({
	name: 'Heropy'
});
console.log('doubleArrow', doubleArrow(7));
  • 객체를 반환할때의 {}과 블록의 {}는 같아서 객체를 return 한다는 것을 축약형으로 쓸 때에는 {}()로 한번 감싸서 표현합니다.

0개의 댓글