Javascript - return(반환)

1. 반환(return) 키워드

• return 키워드는 함수를 호출한 부분으로 데이터를 전달해주기 위해서 사용하는 키워드로, 함수 안에서만 사용이 가능한 타입이다.
  • 요약
    • 함수 → 함수 (인수, 매개변수) : 함수를 호출할때 함수로 데이터를 전달하는 방법

      // 함수 -> 함수 (인수, 매개변수)
      function sum(num1, num2){
          console.log(num1 + num2);
      }
      sum(30, 40); // 70

      • 일반적으로 함수를 실행할때 기본원리는 예를들어 선언된 sum함수의 중괄호 안에 있는 코드를 순차적으로 호출해서 실행하게 되고, 중괄호 안에 있는 코드가 전부 실행되면 함수 호출을 종료시키는 원리로 동작된다.
        • 다만, 이러한 방법은 함수를 호출한쪽에서 처리된 결과 값을 알 수 없다는 문제가 있다.
    • 선언 → 호출 (return 문) : 함수에서 함수를 호출한쪽으로 데이터를 전달하는 방법

      // return 문
      function sum(num1, num2){
          return num1 + num2;
      }
      const sum_result = sum(30, 40);
      console.log(sum_result); // 70

      • 만약 return 키워드가 함수안에서 사용되면 함수를 호출한 쪽으로 데이터를 전달하기 위해서 작성한 코드를 실행하는 순간, 함수 호출 부분으로 데이터 값을 전달받게 된다 → (즉, return 키워드는 함수에서 함수를 호출한 쪽으로 데이터를 반환해서 전달해주기 위함이다)
  • 예제

    // 예제 1
    function printReturn(){
        console.log("return 실행 전");
        return;
        console.log("return 실행 후");
    }
    printReturn(); // return 실행 전

    • return 키워드를 만나는 즉시 함수의 실행을 종료하게 된다.
      • 다음과 같은 예제를 통해 printReturn 함수안에 작성된 속성(Property)에 console.log("return 실행 전"); 밑쪽을 보면 return 키워드가 있음을 알수 있는데, 이 return 키워드를 만나는 순간 밑에 있는 코드는 실행하지 않고 그대로 함수 실행을 종료시킨다.
• return 키워드 미니 과제

  1. “Kim 님의 과목 합계점수는 90점 입니다.” 를 출력하시오

     function scoreResult(num1, num2, num3, num4){
         return num1 + num2 + num3 + num4
     }
     const finalresult01 = scoreResult(30, 30, 10, 20);
     console.log("Kim 님의 과목 합계점수는 " + finalresult01 + "점 입니다."); 
     // Kim 님의 과목 합계점수는 90점 입니다.

  2. “Kim 님의 영어점수는 90점 입니다, 국어점수는 85점 입니다.” 를 각각 출력하시오

     function score(num1, num2){
         return num1 + num2
     }
     const resultscore01 = score(40, 50);
     const resultscore02 = score(60, 25);
     
     console.log("Kim님의 영어점수는 " + resultscore01 + "점 입니다."); 
     // Kim님의 영어점수는 90점 입니다.
     console.log("Kim님의 국어점수는 " + resultscore02 + "점 입니다.");
     // Kim님의 국어점수는 85점 입니다.