티스토리 뷰

생활코딩/자바스크립트

함수

선물공룡디보 2021. 8. 15. 20:14

함수(function)

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

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

 

함수는 function 뒤에 이름이 오고, 소괄호가 따라온다. 소괄호에  인자라는 값이 따라오고
이 값은 함수를 호출할 때 함수의 로직으로 전달될 변수다.

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

함수의 이름은 numbering이고, 내용은 0부터 9까지를 화면에 출력한다

 

만약 아래의 코드를 1000번 실행해야 한다면? 

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

 

함수로 이 코드를 감싸서 호출하면 된다.

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

for(let i = 0 ; i<1000 ; i++){
	numbering()
}

물론 for문으로 실행 할수 있지만  재사용을 하기 위해서는 함수가 유용하다.
재사용성, 유지보수의 용이성, 가독성을 높이기 위해서 함수를 사용 하는것이 좋다.

 

return

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

function get_member1(){
    return 'egoing';
}
 
function get_member2(){
    return 'k8805';
}
 
console.log(get_member1());
//'egoing'
console.log(get_member2());
//'k8805'

 

function get_member(){
    return 'egoing';
    return 'k8805';
    return 'sorialgi';
}
console.log(get_member());
//'egoing'

return 'egoing'을 실행한 후에 함수가 종료된다.
그 이유는 함수는 return 값을 반환한 뒤 종료 하기 때문이다.

 

 

인자란?

인자(argument)는 함수로 유입되는 입력 값을 의미한다.

 

function get_arguments(arg1, arg2){
    return arg1 + arg2
}
 
console.log(get_arguments(10, 20));
console.log(get_arguments(20, 30));

함수를 호출 할 때 전달한 인자 10, 20은 함수의 선언부 arg1, arg2 에 할당된다.

 

자바스크립트는 함수를 익명함수로 정의 할 수 있다.

var numbering = function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
}
//익명함수로 함수를 정의 할수 있다.
numbering();
(function (){
    i = 0;
    while(i < 10){
        document.write(i);
        i += 1;
    }   
})();
//즉시실행 함수로도 함수를 정의 할수 있다.


'생활코딩 > 자바스크립트' 카테고리의 다른 글

객체  (3) 2021.08.15
배열  (0) 2021.08.15
반복문  (0) 2021.08.15
조건문  (0) 2021.08.15
비교  (0) 2021.08.15
댓글