30-seconds-of-code/snippets/js/s/memoize-function.md

title, type, language, tags, cover, dateModified

title	type	language	tags	cover	dateModified
Memoize function	snippet	javascript	function	lake-church	2020-10-21T21:54:53+03:00

Returns the memoized (cached) function.

• Create an empty cache by instantiating a new Map object.
• Return a function which takes a single argument to be supplied to the memoized function by first checking if the function's output for that specific input value is already cached, or store and return it if not.
• The function keyword must be used in order to allow the memoized function to have its this context changed if necessary.
• Allow access to the cache by setting it as a property on the returned function.

const memoize = fn => {
  const cache = new Map();
  const cached = function (val) {
    return cache.has(val)
      ? cache.get(val)
      : cache.set(val, fn.call(this, val)) && cache.get(val);
  };
  cached.cache = cache;
  return cached;
};

// See the `anagrams` snippet.
const anagramsCached = memoize(anagrams);
anagramsCached('javascript'); // takes a long time
anagramsCached('javascript'); // returns virtually instantly since it's cached
console.log(anagramsCached.cache); // The cached anagrams map