Links

함수

함수

함수의 형식

function 함수명( [인자...[,인자]] ){
코드
return 반환값
}
함수는 하나의 로직을 재실행 할 수 있으므로 재사용성이 높다. (유지보수에 용이)

함수의 정의와 호출

function numbering(){
i = 0;
while(i < 1
document.write(i);
i += 1;
}
}
numbering(); // 0123456789
numbering();
👉
함수를 호출할때 형식

반복문과 함수의 차이

  • 반복문 일정 반복그자리에서 실행
  • 함수 반복적으로 필요한 로직 어디서든 자유롭게 호출이 가능하다.

입력과 출력

함수의 기본적인역할
👉
입력된 값을 연산해서 출력하는 것
function get_member1(){
return 'egoing';
}
function get_member2(){
return 'k8805';
}
alert(get_member1()); //egoing
alert(get_member2()); //k8805
function get_member(){
return 'egoing';
return 'k8805';
return 'sorialgi';
}
alert(get_member()); // egoing
  • 1번째 , 2번째 함수는 각각의 egoing, k8805를 출력한다. (각각의 함수 내에서의 값을 return하기 때문)
  • 3번째 함수 에서는 return 'egoing'을 실행한 후에 함수가 종료된다.

인자

함수로 유입되는 입력 값을 의미
function get_argument(arg){
return arg *1000;
}
alert(get_argument(1)); // arg = 1 -> 1000
alert(get_argument(2)); // arg = 2 -> 2000
  • arg
    👉
    매개변수( parameter ) -> return 하는것을 출력
  • alert(get_argument(1) )
    👉
    인자( argument) -> 입력

복수 인자

여러개의 입력 값을 받음
function get_arguments(arg1, arg2){
return arg1 + arg2
}
alert(get_arguments(10, 20)); //30
alert(get_arguments(20, 30)); //50

함수를 정의 하는 다른 방법

var numbering = function (){
i = 0;
while(i < 10){
document.write(i);
i += 1;
}
}
numbering(); //좌항의 numbering 이라는 변수 우항의 함수를 갖게됨
// 익명함수 (정의와호출을 같이함)
(function (){
i = 0;
while(i < 10){
document.write(i);
i += 1;
}
})(); // 함수가 정의되고 정의된 함수를 묶음 -> (); 정의된 함수를 바로 호출함