자바스크립트 입문, 함수-2 return문의 역할

return문은 함수에서 결괏값을 반환할 때 사용.

함수에서 return문이 실행되면 반복문의 break문과 비슷하게 코드가 강제로 종료된다.

 

○ 데이터를 반환하고 강제 종료하는 return 문

function 함수명(){
	자바스크립트 코드1;
    return 데이터(값);
    
    자바스크립트 코드2;
}

var 변수 = 함수명();

함수호출문 => 코드실행 => 자바스크립트 코드2를 무시하고 데이터를 반환 

<script>
   function sum(num1,num2){
       return num1+num2;
   }

   var result = sum(10,20);
   document.write(result);
</script>


// 평균점수를 출력

<script>
   function testAvg(arrData){
    var sum = 0;
    for(var i=0; i<arrData.length;i++){
        sum += Number(prompt(arrData[i] + "점수는?" , "0")); // 배열에 저잗된 데이터 개수만큼 반복문을 실행
    }

    var avg = sum/arrData.length;
    return avg; 
   }

   var arrSubject = ["국어","수학"];
   var result = testAvg(arrSubject);

   document.write("평균 점수는 " + result + "점 입니다");
</script>

 

○ 재귀 함수 호출

함수 정믜문 내에서 작성한 코드로 함수를 다시 호출하는 것을 재귀 함수 호출이라고 한다.

재귀 함수 호출은 함수를 반복문처럼 여러 번 호출하기 위해 사용한다.

 

function myFnc(){
	자바스크립트 코드;
    myFnc();
}
myFnc();


// 재귀 함수 호출을 적용하여 1부터 10까지 출력
<script>
   var num = 0;
   function testFnc(){
       num++;
       document.write(num,"<br>");
       if(num==10)return; // num의 값이 10이면 종료 

       testFnc(); // testFnc()함수를 다시 호출
   }

   testFnc();
</script>

-출처: 자바스크립트+제이쿼리입문 책 중

http://www.kyobobook.co.kr/product/detailViewKor.laf?ejkGb=KOR&mallGb=KOR&barcode=9791163030034&orderClick=LAG&Kc=