javascript - ES6 화살표를 이용한 함수 표기법

0.ES6는 무엇인가

ES6(EMCAscript 6)는 2015년 이후 적용되고 있는 javascript의 6번째 표준안으로, 좀 더 효율적이고 생산적인 코드 작성을 위해 javascript의 기본 문법을 개정한 일종의 확장팩이다.

실제 코드 작성에 있어 유용하고, 다른 사람들의 코드를 이해함에도 필수적인 경우가 많아 익혀둬야한다.

1. Arrow function (화살표를 이용한 함수 표기)

//기본적인 함수 표현 방식
const sum = function(a, b) {
  return a + b
};

일반적으로 배우는 javascript의 함수 표현 문법은 위와 같다.

• 변수 선언로 함수명을 지정하고
• function을 명시하며
• 소괄호에 들어갈 인수를 지정한다.
• 함수식의 본문은 중괄호{}로 감싸준다.

화삺표를 이용한 함수 표기 방법은 이에 여러 허용사항을 두며, 동일한 함수는 다음과 같이 표현될 수 있다.

//arrow function 이용 표현 방식
const sum = (a,b) => a + b;

• 변수 선언은 동일하다.
• 위와 같이, function을 생략 가능하며 대신 화살표를 표시한다.
• 인수가 하나인 경우에는 ()를 생략 가능하다.
• 본문이 한줄인 경우 {}를 생략 가능하다.

실제 함수를 작성해보면 훨씬 간편하고 가독성도 좋은 경우가 많아 유용하게 쓸 수 있다.