이벤트 처리와 콜백함수

CODEDRAGON Development/JavaScript, jQuery, ...

반응형

 

 

 

콜백함수(callback function)

익명함수의 대표적인 응용형태가 콜백함수이며 코드를 통해 명시적으로 호출하는 함수가 아닙니다.

개발자는 단지 함수 정의만 하고, 어떤 이벤트가 발생하거나 특정 시점에 도달했을 때 시스템에서 호출해주는 함수가 콜백함수입니다.

   

대표적인 콜백 함수 사용 예) 자바스크립트의 이벤트 핸들러 처리

   

자바스크립트의 이벤트 처리와 콜백함수 호출 도식도

   

   

 

학습 내용

웹페이지 로드시 경고창을 띄워주는 과정에서의 처리과정에 대해 학습

   

   

 

소스 코드

<html>

<head>

<meta charset="UTF-8">

<title>이벤트 처리와 콜백함수</title>

<script type="text/javascript">

// 페이지 로드시 호출될 콜백 함수

window.onload = function() {

alert('콜백함수가 실행되었습니다.');

};

</script>

</head>

<body>

</body>

</html>

   

 

 

출력결과   

   

   

 

window.onload이벤트핸들러와 콜백함수 처리 도식도

웹페이지load 이벤트 발생 후 window.onload이벤트 핸들러에서 호출한 콜백함수가 실행되었습니다

   

 

 

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

내부 함수 호출/함수 스코프  (0) 2022.02.22
즉시 실행 함수  (1) 2022.02.21
익명 함수 형태의 내부 함수  (0) 2022.02.14
jQuery 파일 CDN 경로 - 모든 버전  (0) 2022.02.04
jQuery의 특징  (0) 2022.02.04