[JavaScript] arrow function

1.ES6 - new function

//ES5
function() {}

//ES6
() => {}

• 이름이 없는 함수의 기본적인 표현
• ES6에서는 function이라는 키워드가 빠지고 소괄호만 남았다.

//ES5
function getName() {}

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

• 이름이 있는 함수의 기본적인 표현

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

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

• 인자가 하나일 경우 소괄호 생량이 가능

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

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

• 인자가 2개 이상일 때는 생량이 불가능

//ES5
function hi(text) {
  text += '하세요';
  return text;
}

//ES6
const hi = text => { 
  text += '하세요';
  return text 
};

• return을 사용했을 때 함수의 형태

//ES5
function getName(name) {
  return name;
}

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

• 만약 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드와 중괄호가 생략 가능
• 중괄호와 return문이 생략될 경우, 화살표 오른쪽에는 리턴될 '값'만 쓰여야 한다.
• 다른 코드가 들어가면 안된다.