2.1 함수 기초

2장에서는 함수에 대해서 깊이 있게 다뤄 볼려고 합니다.

 

함수를 사용하는 이유

//////////////////////////////////////////////////

document.write("1. Rose<br>");

document.write("2. Rose<br>");

document.write("3. Rose<br>");

document.write("4. Rose<br>");

document.write("5. Rose<br>");

document.write("6. Rose<br>");

...................

//////////////////////////////////////////////////

이걸 100개 출력 할때 번거로움이 따르게 됩니다.

이전에 배운거를 토대로 반복문을 생각할것입니다.

////////////////////////////////////////////////

for(var i = 1 ; i <=100 ; ++i)

  document.write(i+". Rose <br>);

/////////////////////////////////////////////

동시에 비슷한 것을 또 100개 출력한다고 하면

///////////////////////////////////////////////

for(var i =1 ; i <= 100 ; ++i)

  document.write(i +". Tulip <br>);

for(var i =1 ; i <= 100 ; ++i)

  document.write(i +". Forsythia <br>);

//........ 끝도 없이 만들어야 합니다.

///////////////////////////////////////////////////

 

이는

1. 유지보수하기가 어렵습니다.

2. 중복 코드가 많습니다.

 

///////////////함수를 활용한 경우//////////////////////

function showName(name){

  for(var i = 1 ; i<=5 ; ++i){

    document.write(i+"."+name+"입니다. <br>");

}

showName("Rose");

showName("Tulip");

showName("Forsythia");

/////////////////////////////////////////////////////////

 

-함수의 일반적인 경우

  function 함수이름(){

    실행구문;

}

 

-매개변수가 있는 함수

  function 함수이름(매개변수1,매개변수2 .....){

    실행구문;

}

 

-리턴값이 있는 함수

function 함수이름(매개변수1,매개변수2,....){

    실행구문;

    return 실행결과;

}

////////////////////////함수 만들기 전//////////////////////////////////

var star="";

for(var i = 1 ; i<=5; i++){

  for(var m=0;m<i;m++){

    star+="*";

  }

    star+="<br>";

}

document.write(star);

 

var star="";

for(var i = 1 ; i<=5; i++){

  for(var m=0;m<i;m++){

    star+="*";

  }

    star+="<br>";

}

document.write(star);

///////////////////함수를 사용한 경우////////////////////////////////

function printStar(){
  var star="";

  for(var i = 1; i<=5;i++){

    for(var m = 0 ; m<i;m++){

      star+="*";

   }

    star+="<br>";

}

 

printStar();

printStar();

//////////////////////매개변수를 사용한 함수////////////////////////////////

function sum(num1 ,num2){

  var result = num1 + num2;

  return result;
}

 

var value = sum(10,20);

alert("두 수의 합은 = " + value);

/////////////////////////////////////////////////////////////////////////////////