Problem ze zrozumieniem cache'owania funckcji.

Question

Witam, mam problem ze zrozumieniem tego kodu poniżej.
 

function multiply(a,b){
    return a * b;
}
function cache(func) {
  var calls = {};
  return function() {
    var key = JSON.stringify(arguments);
    if (!(key in calls)) {
      calls[key] = func.apply(null, arguments);
    }
    return calls[key];
  };
}
var cachedFunction = cache(multiply);

Ogólnie rzecz biorąc wiem że funkcja cache przyjmuje jako pierwszy argument funkcje, a następnie argumenty z jakimi ta funkcja ma być wywołana. Jeśli przekazana funkcja była już wywołana z tymi argumentami to nie wywołuje jej ponowni tylko zwraca zapisany wynik z obiektu calls. I to rzeczywiście działa, jesli uruchomimy taki kod

cachedFunction(2,2);
cachedFunction(2,2);

to drugi wynik już będzie pobrany z obiektu calls. I tu moje pytanie, jakim cudem obiekt calls ma w sobie dane z poprzednich wywołań , szczególnie że pierwsza linijka w ciele funckji to var calls = {}?

Answer 1

cachedFunction(2,2) <- w tym momencie wywołujesz tylko funkcję zwróconą przez cache (w której nie ma = {} )

var calls = {}; <- wykonuje się wyłącznie w momencie wywołania funkcji cache

Poczytaj o closures (domknięcia)

Comments

Swoją drogą całkiem ciekawym ćwiczeniem byłoby przepisanie takiej funkcji na es6+

---

A propo arguments - warto poczytać:

https://github.com/petkaantonov/bluebird/wiki/Optimization-killers#3-managing-arguments