함수

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

재사용성 : 여러 방면에서 다시 사용하는 것

// 함수의 기본 형식
function 함수명 (인자...){
	코드
    return 반환값
}
함수명();  // 함수를 사용할때

함수를 사용하려면 괄호를 끝에 붙여야한다. ()괄호를 넣지 않으면 자바스크립트에서 변수로 인식한다.

함수는 반복적으로 실행되는 로직이 여러가지 맥락에서 반복되어 사용해야되는 경우 의미가 있다.

 

출력

return

1.리턴은 함수를 종료를 시킨다. 뒤에 다른 코드가 있어도 실행 시키지 않는다. 

2.리턴은 뒤에 따라오는 값을 함수의 결과로 반환한다.

function get_member1(){
	return 'egoing';
    	return 'leezche';
    	return 'graph';
}
get_member1();
// get_member1의 함수를 사용했을때 결과 값은 egoing 하나만 출력된다.

 

입력 

인자 argument

function get_argument(arg){     //arg는 매개변수 parameter
	return arg;
}

alert(get_argument(1));  // 출력했을때 괄호안에 1을 넣어준다는 의미
alert(get_argument(2));  // 위 1과 아래 2는 인자 argument라고 한다.

숫자 1을 넣어줘야하는 자리에 function get_argument(arg){ 
위 함수에 (arg)가 있기 때문에 arg는 매개변수가 되고 arg의 값은 1이 된다. 그래서 리턴값이 1로 출력된다.

여러개의 입력값을 받을 수 있지만 리턴값은 하나만 가능하다

function get_argument(arg1, arg2){
	return arg1 + arg2;
}
alert(get_argument(10, 20);   // 10은 arg1의 자리로 20은 arg2의 자리로
alert(get_argument(20, 30);   // 리턴값이 50

var numbering = function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}
numbering(); // 변수 이름에다가 함수를 호출할때 쓰는 괄호를 넣어주면 된다.

// numbering 이라는 변수가 함수를 갖게 된다.


function = numbering(){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}
numbering();
// 위 두함수는 같은 의미를 가지고 있다.

익명함수

1회성으로 함수를 바로 실행하고 싶을때 사용하는것

// 익명함수 예시
(function (){             // 함수 전체를 괄호안에 묶고
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
})();                     // 함수를 호출시키는 기호인 ()을 사용한다.
// 정의와 호출을 동시에 한다.