함수

함수

1. 함수란?

함수(function)란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성을 높여준다.
// 설명 function 함수명( [인자...[,인자]] ){ 코드 return 반환값 }

// 예 
function numbering(){      
    i = 0;     
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}  
numbering(); // 함수 호출

결과 : 0123456789
        

2. 함수의 효용, 부제 : 함수가 없다면?

문제 : 함수 없이 0부터 9까지를 1000번 출력해야 한다면?

var i = 0;


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

이 코드를 1000번 사용 해야 한다.
하지만 함수를 사용 한다면,

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

3. 입력

함수의 핵심은 입력과 출력이다.
입력된 값을 연산해서 출력하는 것이 함수의 기본적인 역할이다.
다음은 함수에서 입력과 출력의 역할을 하는 구문들에 대한 설명이다.
return : 함수 내에서 사용한 return은 return 뒤에 따라오는 값을 함수의 결과로 반환

function get_member1(){ 
    return 'egoing';
}

function get_member2(){
    return 'k8805';
}

alert(get_member1()); // egoing 출력      
alert(get_member2()); // k8805 출력

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

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

alert(get_member());

egoing 출력 하고 그 뒤는 출력 되지 않는다.

4. 출력

function get_arguments(arg1, arg2){

    return arg1 + arg2

}      
alert(get_arguments(10, 20)); // 10 + 20 > 30이 출력   
alert(get_arguments(20, 30)); // 20 + 30 > 50이 출력

5. 다양한 정의 방법

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

:: 함수 부분이 numbering 변수에 대입 된것이다. numbering 변수가 뒤에 함수를 갖게 된것이다.
- 익명 함수 : 이름이 없고 바로 실행 된다. 1회성 호출

(function (){       
    i = 0;

    while(i < 10){      
        document.write(i);

        i += 1;  
    }         
})();