자바스크립트 Callback 콜백

개요

콜백 함수의 의미

1. 이벤트 발생시 호출되는 예약 함수
2. 일반 함수의 Parameter로 등록되는 함수

function run(e) {
    alert(e.code);
}

document.addEventListener('click', run);

 

run은 event의 콜백 함수이다.

 

예제

1. 콜백 방식의 순서 보장 하기

첫번째 비동기 함수의 뒤에, 두번째 비동기 함수를 넣으면 된다.

 

코드

setTimeout(() => {
    console.log("첫번째 일");
    setTimeout(() => {
        console.log("두번째 일");
    }, 3000);
}, 5000);

 

실행한지 5초 후 첫번째 일이 출력되고 3초 뒤 두번째 일이 출력된다.