화살표 함수 기본

함수 표현식보다 단순하고 간결하게 함수를 만들 수 있다.

let func = (arg1, arg2, ... argN) => expression

위와 같이 코드를 작성하면 인자 arg1 ... argN을 받는 함수 func가 만들어 진다.

let sum = (a, b) => a+b;
/* 위 화살표 함수는 아래 함수의 축약버전이다.

let sum = function(a, b) {
    return a + b;
};
*/
alert( sum(1,2) ); //3

• 만약 매개 변수가 하나뿐이라면 매개 변수를 감싸는 괄호를 생략 할 수 있다.

let double = n => n*2;

alert( double(2) ); // 4

• 매개 변수가 하나도 없을 때는 괄호를 비워놓으면 된다.

let sayHi = () => alert('hi');
sayHo();

• 아래와 같이 함수를 동적으로 만들 수 있다.

let age = prompt('how old are you?', 18);

let welcome = (age < 18) ?
    () => alert('hi') :
    () => alert('hello');

welcome();

화살표 함수를 처음 접하면 가독성이 떨어지지만 익숙해지면 간단한 함수는 화살표 함수를 사용하는것이 편리하다.

본문이 여러줄인 화살표 함수

let sum = (a, b) => {	// 중괄호는 본문이 여러 줄로 구성되어 있음을 알려준다.
  let result = a + b;
  return result;	// 중괄호를 사용했다면, return 지시자로 결과값을 반환해줘								야한다.
};

alert( sum(1,2) ); // 3

자료 출처 : https://ko.javascript.info