2. Callback - 비동기 처리

Callback 패턴을 활용한 비동기 처리 작업

setTimeout(callback, delay)은 Web API에서 제공되는 함수로, 비동기로 동작함

problem.js


function a() {
    setTimeout(() => console.log('a() started'), 1000);
}
 
a();
console.log('a() done');

실행 결과

a( ) done

a( ) started

Q. 만약 실행결과와는 반대로 동작하도록 하려면?

정답 보기


function a(callback) {
    setTimeout(() => {
        console.log('a() started');   // 비동기 작업이 끝난 후
        callback();                   // 원하는 추가 작업 수행
    }, 1000);
}
 
const aCallback = () => console.log('a() done!');
a(aCallback);