[생활코딩] JS문법: 함수(Function)

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

(유지보수의 용이, 가독성 높아짐)

기본형식

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

/*함수 numbering을 1000번 실행하라 */
    //주의: 변수 앞에 let, const 를 꼭 써줘야합니다.
    function numbering() {
      let i = 0;
      while (i < 20) {
        document.write(i + "</br>");
        i++;
      }
    }
    for (let i = 0; i < 1000; i++) {
      numbering();
    }

입력과 출력 

return(출력)

return이 하는 일은 2가지가 있습니다. 

1. return뒤에 따라오는 값을 함수의 결과로 반환 
2. return이 나오면 함수를 종료시킨다. ( 뒤에 다른 코드가 있더라도 함수가 이미 종료됐기 때문에 실행하지 X)

function get_member(){
return "this 1";
return "this 2"; // 여기서부터는 실행되지 않습니다. 
return "this 3";
}

인자(argument)와 매개변수(parameter)

function add_argument(arg1, arg2) {
return arg1 + arg2;
}
add_argument(20, 30);

• function 내부에서 받는 변수 arg1, arg2를 매개변수 = parameter 라고 합니다.
• 함수를 호출할 때 주는 값(20, 30)을 인자 = argument 라고 합니다.
• 매개변수는 여러 개를 받을 수 있지만 return 값은 하나뿐입니다.

함수를 정의하는 다른 방법

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

익명함수

함수이름은 없지만 바로 실행가능한 함수 //1회성 사용

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