자바스크립트에서 애로우 함수는 함수를 간결하게 정의하는데 유용한 문법입니다. 애로우 함수에서 반환 값을 처리하는 방법을 알아보겠습니다.

애로우 함수란?

애로우 함수는 다음과 같이 정의됩니다.

const add = (a, b) => a + b;

이때, 함수 몸체가 한 줄로 이루어져 있고 중괄호가 없는 경우에는 결과가 암시적으로 반환됩니다. 위의 예시에서 (a + b)가 애로우 함수의 반환 값입니다.

만약 함수 몸체가 중괄호로 감싸져 있다면 명시적으로 반환해야 합니다.

const multiply = (a, b) => {
  return a * b;
};

반환 값 처리

애로우 함수에서 반환 값을 처리할 때, 단일 표현식을 사용하여 값을 암시적으로 반환하거나, 중괄호를 사용하여 명시적으로 값을 반환하는 것이 중요합니다.

암시적으로 반환할 때는 함수 몸체가 한 줄로 구성되어 있는 경우에 주로 사용됩니다.

const findSquare = (num) => num * num;

명시적으로 반환할 때는 함수 몸체가 여러 줄이거나 복잡한 로직을 포함하는 경우에 사용됩니다.

const divide = (a, b) => {
  if (b === 0) {
    throw new Error('Divisor cannot be zero');
  }
  return a / b;
};

마무리

애로우 함수에서 반환 값을 처리할 때, 암시적으로 반환하거나 명시적으로 반환하는 것에 주의해야 합니다. 단순한 연산이나 처리를 하는 경우에는 암시적 반환을 사용하고, 복잡한 로직이 있는 경우에는 명시적 반환을 사용하는 것이 코드 가독성과 유지보수에 도움이 됩니다.

애로우 함수의 반환 값 처리에 대한 내용을 정리해 보았습니다. 감사합니다.

MDN web docs에서 더 많은 정보를 확인할 수 있습니다.