[javascript] 화살표 함수

es6부터 화살표 함수라는 새로운 표기법이 생겼습니다.
기존 function 표기법보다 간결하고 사용하기 쉬워졌지만 약간의 차이점이 있습니다.
오늘은 화살표 함수에 대한 소개와 기존 function표기법의 차이점을 보여드리겠습니다.

1. 화살표 함수 특징

1.function을 생략

(a,b) => {
return a+b;
}

2.함수에 매개변수가 단 하나 뿐이라면 괄호(())도 생략

a => {
return a;
}

3.함수 바디가 표현식 하나라면 중괄호와 return 문도 생략

(a,b) => a + b;

2. 화살표 함수표기법과 기존 function 표기법의 차이점

1. this가 다른 변수와 마찬가지로, 정적으로 묶임.
2. 객체 생성자를 사용할 수 없음.
3. arguments 변수를 사용할 수 없음.(확산 연산자로 대체 가능)

var arguments = [1, 2, 3];
var arr = () => arguments[0];

arr(); // 1

function foo(n) {
  var f = () => arguments[0] + n; // foo's implicit arguments binding. arguments[0] is n
  return f();
}

foo(1); // 2

확산 연산자를 통해 이 문제점을 해결 할 수 있습니다.

function foo(n) {
  var f = (...args) => args[0] + n;
  return f(2);
}

foo(1); // 3

참고 사이트 : MDN web docs - 화살표함수
참고 책 : Learning JavaScript (이서 브라운 지음, 한빛미디어)