화살표 함수

화살표 함수

• ES6에서 새롭게 추가된 문법인 화살표 함수(Arrow function)에 대해 알아봅시다.
• 문법의 생김새 처럼 화살표 모양을 하고 있어 이러한 이름이 붙게 되었고, 이를 이용해 기존 함수보다 더 간결한 문법으로 함수를 만들 수 있습니다.
• 일반 익명 함수 표현식

  const sum = function(a, b) {
    return a + b;
  };

  이제 알고 있는 표현식이죠? 아래의 화살표 함수 표현식과 비교해보세요!
  
• 화살표 함수 표현식 (1): 기본 형태

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

• 화살표 함수 표현식 (2): return 생략 형태 여러 줄의 코드를 포함하고 싶은 경우엔 기본 형태를 사용해야 합니다.

  const sum = (a, b) => a + b;

• 화살표 함수 표현식 (3): 인자 괄호 생략 형태

  하나의 인자를 입력받는 경우에는 괄호 생략이 가능합니다.

  const hello = a => {
    return a;
  };
  hello('hi'); // hi

💡 기존 함수와 Arrow Function는 완전히 같을까요?
No!
몇가지 차이가 있으나 대표적으로 this가 가리키는 곳이 다릅니다. this에 대해서는 MDN문서를 참고하시면 좋습니다.
https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/this