[Javascript] Arrow function

화살표 함수

화살표 함수는 function표현에 비해 짧고 매소드가 아닌곳에 사용하기 적합하다.
대신 화살표함수에서 this를 자신의 this가 없다. this를 사용하게 되면 화살표함수 바로 바깥 범위에서 this를 찾는것으로 검색한다.

Case1 함수 선언

function getName() {}

const getName = () => {}

function이라는 키워드가 빠지고 소괄호만 남는다. 화살표함수는 변수에 함수를 저장할 수 있다. 변수에 저장하지 않고 익명으로 함수를 표현할 수도 있다.

호출할땐 똑같이 getName()으로 호출한다.

Case2 인자를 받을 때

const getName = function(name) {}

const getName = (name) => {}

const getName = name => {}

인자는 괄호안에 써서 표현할 수 있고 인자가 하나면 생략 가능하다.

const getName = function(name, age) {}

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

인자가 두개이상이면 생략 불가능하다.

Case3 return

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

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

const hi = (first, family) => first + family;

return을 쓰게되면 {}를 꼭 써야한다.
함수에 실행내용없이 바로 반환을 한다면 return을 생략하고 return이 없으면 {}도 생략이 가능하다.