10.2.3 화살표 함수로 함수 정의하기
화살표 함수는 ES6에서 추가된 함수 정의 방법으로, 화살표를 사용해 함수를 정의하는 방법입니다.
형식
() => {};
화살표 함수는 익명 함수로만 정의할 수 있어서 함수를 호출하려면 정의된 함수를 변수에 할당하는 방법인 함수 표현식을 사용해야 합니다. 앞의 gugudan() 함수를 화살표 함수로 다시 정의하면 다음과 같습니다.
10/02/arrow_func.js
const gugudan = () => {
for(let i = 1; i <= 9; i++){
console.log(`3 * ${i} = ${3 * i}`);
}
};
gugudan();
처음에는 낯설어 보일 수 있지만, ES6가 지원되는 개발 환경에서는 가장 많이 사용하는 방법이니 잘 기억해 두기 바랍니다.
수코딩의 조언
함수 선언문을 보면 끝에 세미콜론(;)을 붙이지 않았습니다. 세미콜론은 자바스크립트에서 하나의 문(statement)이 끝났음을 의미합니다. 따라서 원래 모든 문의 끝에는 세미콜론을 붙여야 합니다. 다만, 블록문({})에는 관례상 세미콜론을 생략합니다. 그래서 이 책에서는 if, switch, function 문과 같은 블록문 뒤에는 세미콜론을 생략하는 방식으로 표기를 통일했습니다. 그러나 함수 표현식처럼 변수에 함수가 할당되면 문이 아닌 식으로 보는 것이 더 타당하므로 세미콜론을 붙입니다.