JS 11-1 function

07 Mar 2022

function: 함수

demo12.html

function(함수): 하나의 로직을 재실행 할 수 있도록 해줌

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

function 뒤에 함수의 이름이오고
소괄호안에 인자라는 값이 차례로 들어오는데 이 값은 함수를 호출할 때
함수의 로직(논리,법칙)으로 전달 될 변수임 (인자는 생략 할 수 있음 )
함수를 호출했을 때 실행하게 될 부분이 중괄호 안쪽에 옴
반환값은 무엇? 노설명

function numbering() {
  document.write(1);
}
numbering();
numbering();

// 결과:11
//numbering만 있으면 변수를 찾을텐데
// () 괄호를 추가해서 함수를 호출함

여기서는 document.write(1); 한줄짜리 내용을 가지고 있는 함수지만
100-1000줄짜리 함수로 짜여진 코드가 내용에 들어있다면?
함수호출 한번으로 그 코드를 다 불러올 수 있는 것

function numbering() {
  i = 0;
  while (i < 10) {
    document.write(i);
    i += 1;
  }
}
//0123456789
//i가 0부터 1씩증가하면서 10보다 작을 때 까지 출력

조건을 바꾸면 간단한 명령으로 원하는 만큼 호출 할 수 있음
이렇듯 코드의 재사용성이 높아짐