[JavaScript] 함수

함수의 형식

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

예제로 numbering이라는 함수를 보자.

이 함수는 0부터 9까지를 화면에 출력한다.

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

마지막에 numbering();

이라고 써서 함수를 호출하고 있다.

---

함수의 입력과 출력

​

return은 함수의 결과를 출력하는 동시에 함수를 종료시킨다.

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

그러면 아래 코드를 보자

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

이 코드에서는 k8805랑 sorialgi 는 출력하지 않는다

왜냐하면 egoing을 return하고 함수가 종료되었기 때문이다.

---

인자란 ? 함수로 유입되는 입력 값을 의미한다.

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

맨 아래 두줄을 보자

첫번째 줄에서는 1이 인자로 들어가고 있고

두번째 줄에서는 2가 인자로 들어가고 있다.

​

인자는 여러개 일수도 있다

다음과같이!

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

---

함수를 정의하는 다른 방법

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

이 함수를

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

이런식으로 정의할 수도 있다.

 

 

참고 : 생활코딩 - 자바스크립트