함수

함수의 형식

function 함수명( [인자...[,인자]] ){
   코드
   return 반환값
}

함수의 정의와 호출

함수는 function 뒤에 함수의 이름이 오고, 소괄호가 따라옵니다. 소괄호에 인자라는 값이 차례로 들어오는데 이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수입니다. 인자는 생략 할 수 있습니다. 함수를 호출 했을 때 실행하게 될 부분이 중괄호 안쪽에 옵니다.

function numbering(){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}
numbering();
//0~9

위의 예제 제일 하단에 아래 구문에 의해서 numbering이라는 이름의 함수가 호출되고 있는 것입니다.

함수의 입력과 출력

함수에서 입력과 출력의 역할을 하는 구문들에 대한 설명입니다.

return

함수 내에서 사용한 return은 return 뒤에 따라오는 값을 함수의 결과로 반환합니다. 동시에 함수를 종료시킵니다.

<script>
    function get_menber1(){
        return 'egoing'
    }
    
    function get_menber2(){
        return 'k8805'
    }
    
    alert(get_menber1());
    alert(get_menber2());
    
</script>

//egoing
//k8805

return은 결과를 반환하는 것 외에 함수를 중지시키는 역할도 합니다.

다음의 예제에서 return 'egoing'을 실행한 후에 함수가 종료되었기 때문에 return 'k8805' 이하는 어떠한 경우도 실행되지 않습니다.

<script>
    function get_menber1(){
        return 'egoing'
        return 'k8805'
        return 'sorialgi'
    }
    
    alert(get_menber1());
</script>

//egoing

인자(argument)

함수로 유입되는 입력 값으로, 어떤 값을 인자로 전달하느냐에 따라서 함수가 반환하는 값이나 메소드의 동작방법을 다르게 할 수 있습니.

<script>
    function get_menber1(arg){//arg는 매개변수로 인자에 입력한 값으로 변경된다.
        return arg;
    }
    alert(get_menber1(1));//1은 
    
    //복수인
    
     function get_menber1(arg1,arg2){
          return arg1+arg2;
     }
     alert(get_menber1(10,20));
     alert(get_menber1(20,30));
</script>

//30
//50

5행의 get_argument(1)은 1행에서 3행 사이에 정의된 함수를 실행하는 구문입니다. 5행의 1은 get_argument로 1이라는 값을 전달하겠다는 의미입니다. 이 때 1행에 정의된 (arg) 구문에 의해서 변수 arg의 값으로 숫자 1이 함수 안으로 전달됩니다. 이 변수 arg는 함수 get_argument 안에서만 유효합니다. 이 관계는 아래와 같습니다.

복수의 인자

그럼 여러개의 입력 값을 받고 싶을때?

function get_arguments(arg1, arg2){
    return arg1 + arg2
}
 
alert(get_arguments(10, 20));
alert(get_arguments(20, 30));

위의 예제를 그림으로 나타내면 아래와 같습니다. 즉 함수를 호출 할 때 전달한 인자 10과 20은 함수의 선언부(1행)의 arg1, arg2에 차례로 할당됩니다. 이렇게 전달된 값은 함수 내부로 전달되서 더해진 후에 반환됩니다.

함수를 정의하는 다른 방법

아래 방법은 함수를 정의 하는 또 다른 방법입니다.

    var numbering = function(){
     var i = 0;
        while(i < 10){
            document.write(i);
            i += 1
        }
    }
//위의 함수는 아래와 같은 함수다.

    function numbering(i < 10){
        var i=0;
        document.write(i);
        i += 1
    }

익명함수

1회성으로 호출할때 사용하는 방법

(function() {
    i = 0;
    while (i < 10) {
        document.write(i);
        i += 1;
    }
    })();
//0123456789