JavaScript의 `return` 문 이해하기

JavaScript에서 return 문 이해하기

소개

JavaScript에서 return 문은 함수의 실행을 종료하고, 선택적으로 호출 지점으로 값을 반환하는 데 사용됩니다. 함수 내부에서만 사용되며, 함수의 결과를 반환할 수 있습니다.

return 문의 동작

1. 함수 종료

   • return 문을 만나면 함수는 즉시 실행을 중단하고 호출 지점으로 돌아갑니다.

   function greet(name) {
       return `Hello, ${name}!`;
       console.log('This will not be executed'); // 실행되지 않음
   }
   console.log(greet('Alice')); // Hello, Alice!

2. 값 반환

   • return 문 뒤에 값이나 표현식을 적으면 함수가 그 값을 반환합니다.

   function add(a, b) {
       return a + b;
   }
   console.log(add(5, 3)); // 8

3. 값이 없는 return

   • return 뒤에 값을 적지 않으면 undefined를 반환합니다.

   function doNothing() {
       return;
   }
   console.log(doNothing()); // undefined

4. 암시적 반환

   • 함수가 return 문을 사용하지 않으면 함수는 자동으로 undefined를 반환합니다.

   function noReturn() {}
   console.log(noReturn()); // undefined

return 문의 사용 사례

1. 조건에 따른 반환

   • 조건에 따라 다른 값을 반환할 수 있습니다.

   function getGrade(score) {
       if (score >= 90) return 'A';
       if (score >= 80) return 'B';
       return 'C';
   }
   console.log(getGrade(85)); // B

2. 재귀 함수

   • 함수 내에서 자신을 호출하는 재귀 함수에서 결과를 반환할 수 있습니다.

   function factorial(n) {
       if (n === 1) return 1;
       return n * factorial(n - 1);
   }
   console.log(factorial(5)); // 120

주의 사항

1. return과 줄바꿈

   • return 문 뒤에 줄바꿈을 넣으면 자바스크립트는 자동으로 세미콜론을 삽입하여 undefined를 반환하게 됩니다.

   function getValue() {
       return
       42; // 이 부분은 실행되지 않음
   }
   console.log(getValue()); // undefined

2. 반환 타입

   • return 문은 문자열, 숫자, 객체, 배열 등 다양한 데이터 타입을 반환할 수 있습니다.

결론

return 문은 함수의 실행을 종료하고 값을 반환하는 데 중요한 역할을 합니다. 이를 활용하여 함수의 흐름을 제어하고 적절한 결과를 반환하세요.