ES6 arrow_fuction

Es = ECMA Script의 줄임말로써 JavaScript를 표준화 시키려고 탄생
현재는 ES10버전 까지 탄생

ES6에서도 arrow_function에 대하여 학습하였다.

//ES5
function() {}


//ES6
() => {}

• 익명 함수의 기본적인 표현

ES6에서는 function이라는 키워드가 빠지고 소괄호만 남았다.
그리고 =>(arrow)가 추가되었다.

//ES5
function getName() {}


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

• 이름이 있는 함수를 만들 때의 표현

getName()

• 호출할 때는 둘 다 같다.

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


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

• 인자를 받았을 때의 예시

//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 키워드를 생략 했을 시 예시

처음에 arrow_function을 접했을 때는 다른 언어의 lambda식과 비슷하다고 받아들여서 수월하게 이해할수 있었던 것 같다.