함수

함수

함수의 형식

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

함수는 하나의 로직을 재실행 할 수 있으므로 재사용성이 높다. (유지보수에 용이)

함수의 정의와 호출

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

numbering(); 👉 함수를 호출할때 형식

반복문과 함수의 차이

• 반복문은 일정 반복을 그자리에서 실행함

• 함수는 반복적으로 필요한 로직 어디서든 자유롭게 호출이 가능하다.

입력과 출력

함수의 기본적인역할 👉 입력된 값을 연산해서 출력하는 것

function get_member1(){
    return 'egoing';
}
 
function get_member2(){
    return 'k8805';
}
 
alert(get_member1()); //egoing
alert(get_member2()); //k8805



function get_member(){
    return 'egoing';
    return 'k8805';
    return 'sorialgi';
}
alert(get_member()); // egoing

• 1번째 , 2번째 함수는 각각의 egoing, k8805를 출력한다. (각각의 함수 내에서의 값을 return하기 때문)

• 3번째 함수 에서는 return 'egoing'을 실행한 후에 함수가 종료된다.

인자

함수로 유입되는 입력 값을 의미

function get_argument(arg){
    return arg *1000;
}
 
alert(get_argument(1)); // arg = 1 -> 1000
alert(get_argument(2)); // arg = 2 -> 2000

• arg 👉매개변수( parameter ) -> return 하는것을 출력

• alert(get_argument(1) ) 👉인자( argument) -> 입력

복수 인자

여러개의 입력 값을 받음

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

함수를 정의 하는 다른 방법

var numbering = function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}
numbering(); //좌항의 numbering 이라는 변수 우항의 함수를 갖게됨 


// 익명함수 (정의와호출을 같이함)
(function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
})(); // 함수가 정의되고 정의된 함수를 묶음 -> (); 정의된 함수를 바로 호출함