자바스크립트[함수의 매개변수, 리턴]

함수와 매개변수

 

함수는 같은 작업을 여러 번 반복할 때 사용한다.

예를 들어 구구단 함수를 한 번 만들어 두면 나중에 호출만 해도 사용할 수 있다.

<script>
	//gugudan이름의 함수를 만들어 두면 나중에 호출만 해도 사용할 수 있다.
    function gugudan(){
        for(var i=1; i<=9; i++){
            document.write("3*"+i+"="+3*i);
            document.write("<br>");
        }
    }
    //만들어둔 구구단 함수 호출
    gugudan();
</script>

 

하지만 이런식으로 작성하면 2단 부터 9단까지 총 8개의 함수가 필요하다.

 

이때 매개 변수를 사용하면 효율적으로 함수를 사용할 수 있다.

매개 변수란 함수를 호출 하면서 값을 함수 내부에 넣는 것이다.

사용법 :

함수를 선언할 때 매개변수를 미리 지정해 줘야하는데,

 

선언 시

function gugudan(매개변수의 값을 담을 변수){}

위처럼 함수를 선언하면서 소괄호 안에 매개변수로 사용할 변수를 임의로 지정한다. 

 

사용 시

gugudan(매개변수값); 다음과 같이 함수를 호출하면서 소괄호 안에 매개 변수로 사용할 값을 넣어 호출한다.

사용할 때 입력한 매개변수의 값이 함수의 매개변수 위치에 적용되면서 실행된다.

<script>
    function gugudan(dan){
        for(var i=1; i<=9; i++){
            document.write(dan+"*"+i+"="+(dan*i));
            document.write("<br>");
        }
    }
    gugudan(5);
</script>

나는 선언을 할 때 매개변수 이름을 dan으로 줬고, 사용할 때 매개변수 값을 5로 줬기 때문에

구구단 함수 안에 있는 dan이라는 모든 매개변수는 5로 봐야한다.

따라서 결과는 5단이 나온다.

사용할 때 매개변수의 값만 바꿔주면 어떤 단수도 출력할 수 있다.

 

함수의 리턴

 

리턴은 말 그대로 함수안에서 무언가를 리턴하는 것인데,

함수안에서 리턴을 만나면 그 함수는 종료되면서, 함수자체는 리턴값으로 변한다.

즉, 리턴 아래 쪽에 작성된 코드는 실행되지 않고 함수가 종료된다.

 

리턴은 함수에서 연산 등을 하고 그 결과를 돌려 받을 때 사용한다.

더하기 함수를 만들어서 그 더한 결과를 리턴 값으로 받으면, 실행한 함수자체를 

리턴 값으로 볼 수 있다.

<script>
	//sum함수의 매개변수를 두 개 받는데 각각의 이름은 num1, num2로 지정
    function sum(num1, num2){
        var result=num1+num2;
        return result;
    }
	//sum(1,3)함수의 리턴 값은 1+3 즉, 4이므로 
    //sum(1, 3)전체를 4로 봐야한다.
    //그리고 변수 result에 4를 대입했다.
    //매개 변수는 여러 개 입력 가능하지만, 함수를 선언할 때 지정한 매개변수의 수와
    //실행 할 때 입력한 매개변수 값의 수가 동일 해야한다.
    1이라는 값이 num1에 대입되고, 3이라는 값이 num2에 대입된다.
    var result=(sum(1, 3));
   //result를 출력하면 아까 대입한 4가 정상적으로 출력된다.
    document.write(result);
</script>