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 |