함수

함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.

함수의 형식

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

함수의 정의와 호출

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

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

//0123456789

입력과 출력

함수의 핵심은 입력과 출력이다. 입력된 값을 연산해서 출력하는 것이 함수의 기본적인 역할이다.

return

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

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

/*
 egoing
 k8805
*/

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

/*
 결과 egoing 이다
return 'egoing'을 실행한 후에 함수가 종료되었기 때문 
return 'k8805' 이하는 어떠한 경우도 실행되지 않는다.
*/

인자

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

function get_argument(arg){
    return arg;
}
 
alert(get_argument(1));  //arg = 1
alert(get_argument(2));  //arg = 2

/*      
1
2
*/

복수의 인자

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

/*
30
50
*/

함수를 정의 하는 다른 방법

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

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

(function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }
})();              //익명함수