Javascript: 비동기를 제어하는 방법

Callback Function

콜백함수는 어떤 함수의 파라미터로 들어가게 되는 함수입니다.

chooseToppings(function(toppings) {
  placeOrder(toppings, function(order) {
    collectOrder(order, function(pizza) {
      eatPizza(pizza);
    }, failureCallback);
  }, failureCallback);
}, failureCallback);

낡은 비동기 프로그래밍 방식

Callback Hell을 일으킴 (가독성 저하)

오류처리가 어려움

Promise 객체

프로미스 객체는 어떤 작업의 중간상태를 나타내는 객체입니다.

chooseToppings()
.then(function(toppings) {
  return placeOrder(toppings);
})
.then(function(order) {
  return collectOrder(order);
})
.then(function(pizza) {
  eatPizza(pizza);
})
.catch(failureCallback);

프로미스는 한번 실행될 때 하나의 성공 혹은 실패의 결과값만을 반환

여러번 호출 시 성공하면 먼저 실행된 호출이 실패값이여도 성공값을 반환