Arrow Function
Arrow Function(화살표 함수)은 ES6문법이며 기존의 function 키워드를 사용해서 함수를 만드는것보다 간단히 함수를 표현할 수 있다.
// 일반함수
let a = function () {
return new Date()
}
//화살표 함수
let a = () => new Date();
// 일반함수
let b = function (a) {
return a * a
}
//화살표 함수
let b = a => a * a // 전달받는 인자가 하나뿐이면 괄호 생략 가능.
//일반함수
let c = function (a, b) {
return a + b
}
//화살표함수
let c = (a, b) => a + b
쉽게 말해서 function을 지우고 괄호 뒤에 => 를 붙인다고 생각하면 된다. 하지만 함수 안에 return값만 있다면 {}도 생략이 가능하다.
return 값이 객체일 경우에는 ()로 묶어줘야한다. {}가 생략되기 때문에.
// 일반함수
let e = function(x){
return{
x:x
}
}
// 화살표 함수
let e = x => ({x})
요약
1) (매개변수) => { 본문 }
2) 매개변수가 하나뿐인 경우 괄호 생략 가능
3) 매개변수가 없을 경우엔 괄호 필수
4) 본문이return [식 or 값]
뿐인 경우{ }
와return
키워드 생략 가능
5) 위 4) 에서 return할 값이객체
인 경우엔 괄호 필수