화살표 함수(Arrow Function)

화살표 함수(arrow function)이란 ES6에서 나온 추가된 함수 형태 입니다.

이름이 없는 함수의 기본 형태는 아래와 같습니다.

//ES5
function() {}

//ES6
() => {}

이름이 있는 함수를 만들 때는 아래와 같으며 호출 방법은 동일합니다.

//ES5
function getName() {}

//ES6
const getName = () => {}

getName()

인자를 받았을때의 형태입니다.

//ES5
const getName = function(name) {}

//ES6
const getName = (name) => {}
const getName = name => {}

함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호가 생략가능합니다.

// 인자가 하나일때
//ES5
function getName(name) {
  return name;
}

//ES6
const hi = name => { return name };
const hi = name => name;

// 인자가 하나 이상일때
//ES5
function getFullName(first, family) {
  return first + family;
}

//ES6
const hi = (first, family) => { return first + family };
const hi = (first, family) => first + family;