3. 복잡해지는 비동기 처리

a, b, c는 각각 외부에서의 요청을 처리하고 받아오는 코드라고 가정할 때,
a는 응답 결과를 받기까지 1초가 소요되고, b는 0.5초가 소요되며, c는 1.2초가 소요됨

다음의 코드의 실행 결과를 생각해보고 JS Visualizer 에서 확인하기

problem.js


function a() {
  const aCallback = () => console.log('a() started');
  setTimeout(aCallback, 1000);
}
 
function b() {
  const bCallback = () => console.log('b() started');
  setTimeout(bCallback, 500);
}
 
function c() {
  const cCallback = () => console.log('c() started');
  setTimeout(cCallback, 1200);
}
 
a();
console.log('a() done');
b();
console.log('b() done');
c();
console.log('c() done');

실행 결과

실행 결과는 a, b, c 순서로 done이 출력되고 그 이후 started가 출력됨

a( ) done

b( ) done

c( ) done

b( ) started

a( ) started

c( ) started