함수 표현하는 다른 방법:Arrow function

화살표 함수(Arrow function)는 함수 표현식(function expression)의 일종이지만 더 간편하게 쓸 수 있는 함수이다. 아래의 코드를 살펴보자.

const calcAge3 = birthYear => 2037 - birthYear;
const age3 = calcAge3(1991);
console.log(age3);

이 코드를 보면 =>(화살표) 다음에 바로 return하고 싶은 값을 써준걸 볼 수 있다. return 키워드도 써주지 않아도 되서 매우 간편하다.

화살표 함수(arrow function)는 함수표현식(function expression)의
일부이기 때문에 위의 코드에 birthYear => 2037 - birthYear; 이 값을 가진 expression이고 그 값을 calcAge3라는 변수에 할당한 것이다.

위의 코드는 매개변수(parameter)가 하나이기 때문에 코드가 간략하지만 아래와 같이 복잡한 코드로도 사용된다.

const yearsUntilRetirement = (birthYear, firstName) => {
    const age = 2037 - birthYear;
    const retirement = 65 - age;
    
    return `${firstName} retires in ${retirement} years`;

여기에는 {}를 사용하는데, 그 이유는 단순히 age만 구하는 것이 아니라, retirement까지 계산해야 하기 때문이다. 이렇게 코드가 간단하지 않을 때는 {}를 써줘야 하며, return도 명시해줘야 한다. 한 줄로 쓸 수 있는 간단한 코드(one-liner function)일 때만 return을 생략할 수 있다.

유데미에서 가져온 자료를 참고하자.