4.3 다른 함수로부터 함수 호출

4.3 다른 함수로부터 함수 호출

특정 함수 내에서 해당 함수 밖에 존재하는 함수를 호출하는 것은 상당히 유용한데 호출하기에 앞서 호출되는 함수는 특정 함수 내에서 호출되기 전에 사전에 정의해두는 것이 좋습니다.
그러면 실제 어떻게 함수 내에서 해당 함수 밖에 존재하는 함수를 호출할 수 있을까요?

여러분은 방금 전 function 키워드를 이용하여 입력 파라미터의 유무, 반환할 값의 존재 유무에 따라 4가지 형식으로 함수를 정의(선언)하는 방법과 호출하는 방법을 보았으며 그 과정에서 greeting(), whattimeNow() 2개의 함수에 대해서 배웠습니다. 이 2 개의 함수를 이용하여 어떻게 함수 내에서 해당 함수 밖에 존재하는 함수를 호출하는지 봅니다.
먼저 여기에서 사용할 2개의 함수의 유형은 다음과 같이 “입력 파라미터가 있고 리턴값이 없는” 유형과 “입력 파라미터가 없고 리턴값이 있는” 유형의 greeting(), whattimeNow() 함수입니다.

function greeting(inyourName) {
  var inValue=inyourName;
  alert(inValue+"님 "+
     "안녕하세요. 좋은 아침입니다.");
}

function whattimeNow(){

  var now = new Date();

  var current_Date = now.toLocaleString();

  return current_Date;   

}

메모장으로 “noparanoreturn.html”을 열고 <script> … </script> 블록을 다음과 같이 수정합니다.

  <script type="text/javascript">  

function greeting(inyourName) {

    var inValue=inyourName;

    alert(inValue+"님 "+ "안녕하세요. 좋은 아침입니다.");

  }

 

  function whattimeNow(){

    greeting(yourName);

    var now = new Date();

    var current_Date = now.toLocaleString();

    return current_Date;   

  }

  

  var yourName="체르니";

  var returnTime=whattimeNow();

  document.write("현재 날짜는 " + returnTime + "입니다.");  

</script>

위와 같이 수정한 후 다른 이름으로 저장을 선택하고 “otherfunctioncall.html”로 저장한 후 IE9를 통해 보면 “parareturn.html”와 동일한 결과를 나타냅니다.

- 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470 페이지(A4, 폰트 10)으로 작성한 원본 중 JavaScript에 대한 부분을 그대로를 공개하는 것으로 본 저작물에 대한 모든 권리는 본인(원철연)에서 있음을 알립니다.
개인적인 학습 목적으로 사용을 허용하며 온오프라인의 베포나 펌, 상업적인 용도의 사용은 삼가해주시기 바랍니다. 끝으로 학교나 비영리 단체에서의 경우 본 저작물을 비상업적인 용도로 활용하고자 할 경우 연락처를 비밀댓글로 남겨주시면 연락드리겠습니다.