화살표 함수(arrow function) 기본

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

• 인자(arg1, …argN)를 받는 함수 func
• 왼쪽 인수를 이용해 => 우측의 표현식을 평가하고 결과를 반환 
• 단순하고 간결한 함수 표현이 가능하다

 

함수 표현식의 축약 버전 = 화살표 함수

 

let func = function(arg1, arg2, …argN) {
return expression;
} // 함수 표현식

 

⬇️

 

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

여러가지 예시들

 

let sum = (a, b) => a + b; // 이처럼 간단한 표현식일 경우 { } 생략
console.log(sum(1, 2)); // 3

let double = n => n * 2;
console.log(double(3)); // 6

let sayHi = () => alert(‘Hi.’); // 인수가 없을 땐 괄호를 비우되, 괄호는 생략X
sayHi();

let age = prompt(“나이를 입력하세요,”, “”);

let welcome = (age < 18) ?
() => alert(‘hi’) :
() => alert(“Hello”);

welcome()

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

• 이 때는 { }를 사용하여 평가해야 할 코드 넣어주기
• 반드시 return 을 사용해 명시적으로 결과값을 반환하기 

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

console.log(sum(1, 2)); // 3

 

• 화살표 함수 더 알아보기