[드림코딩 외] 콜백함수 (Callback function)

콜백함수 (Callback function)

콜백함수는 어떤 이벤트가 발생했거나 특정 시점에 도달했을 때 시스템에서 호출하는 함수를 말한다. (특별한 선언법이나 다른 문법을 가진 함수가 아닌, 호출하는 방식에 따라 구분된 함수이다.)

function whatCoder(codingTest, goodCode, badCode) {
  if(codingtest === 'Callback function') {
    goodCode();
  } else {
    badCode();
  }
}
const goodCode = function () {
  console.log('Great!')
};
const badCode = function () {
  console.log('Do it again.')
};

whatCoder(`I don't know.`, goodCode, badCode);
whatCoder('Callback function', goodCode, badCode);

콜백함수의 실제 사용예제

<button id="button1" onclick="button1_click();">버튼1</button>
<script>
function button1_click() {
	alert("버튼1을 누르셨습니다.");
}
</script>

html button에서 쓰인 button1_click()함수는 브라우저의 javascript에서 DOM 이벤트 핸들러에 전달(등록)되고, 버튼의 클릭이벤트가 발생하면 콜백함수를 호출한다.

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

Jquery에서 사용된 콜백함수이다.

 

---

콜백함수는 https://www.hanumoka.net/2018/10/24/javascript-20181024-javascript-callback/ 요 블로그를 참조하며 공부하는 중.

---

출처 : 드림코딩 https://www.youtube.com/@dream-coding / MDN https://developer.mozilla.org/ko