화살표 함수
() => {} 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 한다는 것을 축약형으로 쓸 때에는 {}
를 ()
로 한번 감싸서 표현합니다.