선언적 함수를 매개변수로 받는 함수

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

 

 

선언적함수를 매개변수로 받는 함수 (중요 문법)

  • 소스 코드
  • 출력결과   
  • 전체소스
  • 출력결과

 


 

   

소스 코드

function callFunctionTenTimes(otherFunction){

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

//매개변수로 전달된 함수를 호출

otherFunction();

}

}

function justFunction(){

document.write('Hello JavaScript!!! <br>');

}

//함수 호출

callFunctionTenTimes(justFunction());

   

 

 

출력결과   

callFunctionTenTimes(justFunction( )); > callFunctionTenTimes(justFunction);로 수정해야 합니다.

이런식으로 코드를 작성하면 매개변수로 함수를 전달하는 것이 아니라 함수를 1회 실행되는 것을 의미함으로 따라서 전달되는 함수가 없기 때문에 함수가 한번 실행된 후 오류가 발생함

   

   

   

 

전체 소스

<html>

<head>

<meta charset="UTF-8">

<title>선언적 함수를 매개변수로 받는 함수</title>

<script type="text/javascript">

/* callFunctionTenTimes() 한번 호출해서 justFunction() 10 호출 */

//함수를 열번 호출하는 함수

function callFunctionTenTimes(otherFunction){

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

//매개변수로 전달된 함수를 호출

otherFunction();

}

}

function justFunction(){

document.write('Hello JavaScript!!! <br>');

}

//함수 호출

callFunctionTenTimes(justFunction);

//callFunctionTenTimes(justFunction());

//이런식으로 코드를 작성하면 매개변수로 함수를 전달하는 것이 아니라 함수를 1 실행되는 것을 의미함으로

//따라서 전달되는 함수가 없기 때문에 함수가 한번 실행된 오류가 발생함

</script>

</head>

<body>

</body>

</html>

   

 

 

출력결과   

인자로 넘긴 선언적 함수가 callFunctionTenTimes()함수 내부에서 정상적으로 호출된 것을 확인할 수 있습니다.

 

 

 

'Development > JavaScript, jQuery, ...' 카테고리의 다른 글

선언적 함수형태의 내부 함수1  (0) 2022.02.01
익명함수를 매개변수로 받는 함수  (0) 2022.02.01
return  (0) 2022.01.30
지역변수 vs 전역변수  (0) 2022.01.30
선언적 함수 vs 익명 함수  (0) 2022.01.30