화살표 함수란?

화살표로 표현하기

화살표 함수(arrow function) 는 일반적으로 함수를 표현할 때와는 다르게 =>(화살표)를 사용해서 함수를 표현하는 방법이다.

// 화살표 함수의 기본형
let func = (arg1, arg2, ...argN) => expression

// 아래 함수를 축약한 것과 같다.
let func = function(arg1, arg2, ...argN) {
	return expression;
}

이렇게 완성된 화살표 함수는 arg1, arg2, ...argN 까지의 인수를 갖고, 실행될 때 표현식 expression을 평가한 뒤 결과를 반환한다. 그렇다. "반환" 한다. 즉 return의 역할을 화살표 함수 뒤의 표현식이 포함하고 있는 것이다. 또한 화살표 함수는 다음과 같은 특징을 가지고 있다:

• 인수가 하나밖에 없다면 인수를 감싸는 괄호를 생략할 수 있다.

let plusOne = n => n + 2;

• 인수가 하나도 없을 땐 괄호를 비워도 된다. 단, 이때 괄호를 생략할 수는 없다.

let printHello = () => console.log("안녕하세요!");

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

만약 평가해야 할 표현식이나 구문이 여러 개인 함수라면, 중괄호 안에 평가해야 할 코드를 넣어주고, return지시자를 사용해 명시적으로 결괏값을 반환해 주어야 한다.

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

적용해보기

나머지를 구하는 간단한 함수를 화살표 함수로 바꾸어 보았다.

// 일반적인 표현으로 작성된 함수
function getReminder(num1, num2) {
	return num1 % num2;
}

// 화살표 함수로 표현된 함수
let getReminder = (num1, num2) => num1 % num2