Arrow Function(화살표 함수)

Arrow Function

Arrow Function(화살표 함수)은 ES6문법이며 기존의 function 키워드를 사용해서 함수를 만드는것보다 간단히 함수를 표현할 수 있다.

// 일반함수
function a () {
     return new Date()
}

//화살표 함수
const a = () => new Date();

// 일반함수
function b (a) {
     return a * a
}

//화살표 함수
const b = a => a * a  // 전달받는 인자가 하나뿐이면 괄호 생략 가능.

//일반함수
function c (a, b) {
     return a + b
}

//화살표함수
const c = (a, b) => a + b

쉽게 말해서 function을 지우고 괄호 뒤에 => 를 붙인다고 생각하면 된다. 하지만 함수 안에 return값만 있다면 {}도 생략이 가능하다.

return 값이 객체일 경우에는 ()로 묶어줘야한다. {}가 생략되기 때문에.

// 일반함수
function e (x){
     return{
         x:x
     }
}

// 화살표 함수
const e = x => ({x})

요약
1) (매개변수) => { 본문 }
2) 매개변수가 하나뿐인 경우 괄호 생략 가능
3) 매개변수가 없을 경우엔 괄호 필수
4) 본문이 return [식 or 값] 뿐인 경우 { }와 return 키워드 생략 가능
5) 위 4) 에서 return할 값이 객체인 경우엔 괄호 필수