[JavaScript] return문 사용 이유

 return문 사용 이유 

• 함수에서 결과값을 외부로 반환(output)할 때 사용!
• return문을 만나면 함수가 끝나기 때문에 return 뒤에 오는 코드는 실행되지 않음.
• return문을 사용하면 함수의 결과를 외부로 전달하고, 그 결과를 활용하여 다양한 작업을 수행할 수 있음.

 

1. 결과값 반환

return문 뒤에 반환값을 작성하고, 그 값을 함수를 호출한 곳에서 사용할 수 있음.

function add(a, b) {
    return a + b;
}

let result = add(3, 5);
console.log(result);  // 8

 

2. 함수 종료

return문을 만나면 해당 함수의 실행이 종료됨.

function divide(a, b) {
    if (b === 0) {
        console.log("b는 0이 될 수 없슴당.");
        return;  // 함수 종료
    }
    return a / b;
}

let result = divide(8, 2);  // 4
let failResult = divide(6, 0);  // 에러 메시지만 나온 후 return 만나서 함수 종료

 

3. 코드 재사용성 증가

함수의 반환값을 활용하면 여러 곳에서 동일한 결과를 사용할 수 있어, 재사용성을 높이고 유지보수를 쉽게 만듦.

function square(x) {
    return x * x;
}

let area = square(5);  // 25 : 정사각형의 넓이 계산
let volume = square(5) * 10;  // 250 : 정사각형을 이용한 부피 계산

 

 return의 반환값이 없거나  return이 없다면? 

• undefined 반환!

// 1,2번 모두 alert 창('에러 발생!!!')이 뜬 후, 콘솔에는 undefined이 출력됨.


// 1) return의 반환값이 없는 경우

function showError(a) {
  alert('에러 발생!!!');
  return;
}
const result = showError(1);
console.log(result);  // undefined


// 2) return 없는 경우

function showError(a) {
  alert('에러 발생!!!');
}
const result = showError(1);
console.log(result);  // undefined

 

 참고 

• https://creatorjo.tistory.com/entry/JavaScript-%EA%B8%B0%EC%B4%88-%EC%B6%94%EC%83%81%ED%99%94-3-return%EB%AC%B8-%EC%9D%B4%ED%95%B4%ED%95%98%EA%B8%B0
• https://programmers-sosin.tistory.com/entry/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%A6%AC%ED%84%B4%EB%AC%B8-JavaScript-Return
• https://velog.io/@zunyange/JS-return-%EC%9D%84-%EC%82%AC%EC%9A%A9%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0
• https://shj0318.tistory.com/24