arrow function

ES6에서 function을 표현하는 방법


1. 이름이 없는 함수의 기본적인 표현

//ES5
function() {}

//ES6
() => {}

2. 이름이 있는 함수의 표현

//ES5
function getName() {}

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

예제

//ES5
function getN(userInfo, label) {
  return userInfo[label];
}

//ES6
const getN = (userInfo, label) => {return userInfo[label]};

3.인자받기

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

//ES6
const getName = (name) => {}       
const getName = name => {}       // 인자가 하나일때는 소괄호 생략 가능

4.return

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

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

만약 함수가 실행내용이 딱히 없이 return만 한다면 return 키워드가 생략가능하다

//ES5
function getFullName(first, family) {
  return first + family;
}

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