자바스크립트 함수

자바스크립트 함수

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

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

 

함수의 효용

재사용성, 유지보수 용이, 가독성

function numbering(){ 
    document.write(1); 
} 
numbering(); 
numbering(); 
numbering(); 
numbering();    // 1이 4번 출력됨.

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

numbering(); 
numbering(); 
numbering();    // 0부터 9까지 3번 출력됨.

 

함수의 출력

function get_member1(){ 
    return '김씨'; 
    return '이씨';    // (x) 
    return '오씨';    // (x) 
}

function get_member2(){ 
    return '백씨'; 
}

alert(get_member1());       // 김씨 
alert(get_memeber2());      // 백씨

 

함수의 입력

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

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

 

함수의 정의 방법

 

함수 선언식

function x(p1, p2){ 
    return p1 + p2; 
}

 

함수 표현식

var xx = function(p1, p2){ 
    return p1 + p2; 
}

 

익명 함수. 이름이 필요없고 바로 실행

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

 

 

 

함수 선언식과 표현식의 차이점

함수 선언식은 호이스팅에 영향을 받지만 함수 표현식은 받지 않는다. 
그래서 함수 선언식은 코드를 구현한 위치와 관계없이 해석할때 맨위로 끌어 올려져 실행된다.

 

함수 표현식의 장점

클로져로 사용 
콜백으로 사용 (다른 함수의 인자로 넘길 수 있다)