📕[책] 쏙쏙 들어오는 함수형 코딩 - 37,38

420p ~ 440p

요약

타임라인 보기

• 타임라인을 나란히 놓고 보면, 가능한 실행 순서들의 조합에서 버그를 찾아낼 수 있다.

자원을 공유하는 타임라인

• 타임라인이 다른 타임라인과 자원을 공유한다면, 그 자원을 사용하는 단계끼리의 순서가 중요하다.
  

• 전역 변수를 공유하는 부분을 확인하고 최대한 없애자.
  1. 지역 변수로 바꾸거나
  2. 암묵적 인자를 없애고 함수에 인자를 추가한다
• 점선으로 인해 항상 같은 순서대로 실행되는 것이 보장되면, 전역 변수를 통한 자원 공유를 버그없이 활용할 수 있다.
• 보장되지 않는다면, 여전히 버그가 있을 확률이 높다.
  

비동기 호출에서의 명시적인 출력

• 비동기 호출의 결과값은, 비동기 호출 자체의 '리턴값'으로는 얻을 수 없다.
• 비동기 호출은 바로 리턴이 되지만, 실질적인 결과값은 콜백이 호출되어야 얻을 수 있기 때문이다.
• 그래서, 원래 결과값을 가지고 하려던 액션을 비동기 호출의 콜백으로 전달하면 된다.
• 이렇게 하면, 실제로 함수의 리턴값을 명시적으로 받아 액션을 호출하는 것과 같은 효과를 내므로, 명시적인 출력을 만들 수 있게 된다.
• 더불어 함수 본문을 콜백으로 바꾸는 일이기 때문에, "함수 본문 콜백으로 바꾸기" 리팩터링을 하는 효과도 얻을 수 있다.

/// Original

function calc_cart_total(cart) {
  var total = 0;
  cost_ajax(cart, function(cost) {
    total += cost;
    shipping_ajax(cart, function(shipping) {
      total += shipping;
      update_total_dom(total);	// here
    });
  });
}

function add_item_to_cart(name, price, quant) {
  cart = add_item(cart, name, price, quant);
  calc_cart_total(cart);
}

/// With extracted callback

function calc_cart_total(cart, callback) {
  var total = 0;
  cost_ajax(cart, function(cost) {
    total += cost;
    shipping_ajax(cart, function(shipping) {
      total += shipping;
      callback(total);	// here
    });
  });
}

function add_item_to_cart(name, price, quant) {
  cart = add_item(cart, name, price, quant);
  calc_cart_total(cart, update_total_dom);
}

발췌

메모